chore: fix tag context menu [skip e2e]

This commit is contained in:
Aman Harwara
2023-10-24 21:11:33 +05:30
parent c6764b7e92
commit e1dfd29dba
2 changed files with 31 additions and 25 deletions

View File

@@ -13,6 +13,7 @@ import Popover from '../Popover/Popover'
import IconPicker from '../Icon/IconPicker' import IconPicker from '../Icon/IconPicker'
import AddToVaultMenuOption from '../Vaults/AddToVaultMenuOption' import AddToVaultMenuOption from '../Vaults/AddToVaultMenuOption'
import { useApplication } from '../ApplicationProvider' import { useApplication } from '../ApplicationProvider'
import MenuSection from '../Menu/MenuSection'
type ContextMenuProps = { type ContextMenuProps = {
navigationController: NavigationController navigationController: NavigationController
@@ -80,7 +81,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
useIconGrid={true} useIconGrid={true}
iconGridClassName="max-h-30" iconGridClassName="max-h-30"
/> />
<HorizontalSeparator classes="my-2" /> <MenuSection>
{application.featuresController.isVaultsEnabled() && ( {application.featuresController.isVaultsEnabled() && (
<AddToVaultMenuOption iconClassName="mr-2 text-neutral" items={[selectedTag]} /> <AddToVaultMenuOption iconClassName="mr-2 text-neutral" items={[selectedTag]} />
)} )}
@@ -105,6 +106,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
<Icon type="trash" className="mr-2 text-danger" /> <Icon type="trash" className="mr-2 text-danger" />
<span className="text-danger">Delete</span> <span className="text-danger">Delete</span>
</MenuItem> </MenuItem>
</MenuSection>
</Menu> </Menu>
<HorizontalSeparator classes="my-2" /> <HorizontalSeparator classes="my-2" />
<div className="px-3 pb-1.5 pt-1 text-sm font-medium text-neutral lg:text-xs"> <div className="px-3 pb-1.5 pt-1 text-sm font-medium text-neutral lg:text-xs">

View File

@@ -323,6 +323,10 @@ export const TagsListItem: FunctionComponent<Props> = observer(
role="button" role="button"
className={'mr-2 cursor-pointer border-0 bg-transparent hover:bg-contrast focus:shadow-inner'} className={'mr-2 cursor-pointer border-0 bg-transparent hover:bg-contrast focus:shadow-inner'}
onClick={toggleContextMenu} onClick={toggleContextMenu}
onMouseDown={(e) => {
e.stopPropagation()
e.preventDefault()
}}
ref={menuButtonRef} ref={menuButtonRef}
> >
<Icon type="more" className="text-neutral" /> <Icon type="more" className="text-neutral" />