diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx index 93d2b4d67a..9e4b62f3ac 100644 --- a/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx +++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/CommandMenuItemEditRecordSelectionDropdown.tsx @@ -11,13 +11,14 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown'; import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue'; import { styled } from '@linaria/react'; import { useLingui } from '@lingui/react/macro'; +import { useContext } from 'react'; import { IconChevronDown, IconSquareCheck, IconSquareX, } from 'twenty-ui/display'; import { MenuItemSelect } from 'twenty-ui/navigation'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; +import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; const DROPDOWN_ID = 'command-menu-edit-record-selection-dropdown'; @@ -55,6 +56,7 @@ export const CommandMenuItemEditRecordSelectionDropdown = ({ isRecordPage = false, }: CommandMenuItemEditRecordSelectionDropdownProps) => { const { t } = useLingui(); + const { theme } = useContext(ThemeContext); const { closeDropdown } = useCloseDropdown(); const mainContextStoreHasSelectedRecords = useAtomStateValue( @@ -92,9 +94,17 @@ export const CommandMenuItemEditRecordSelectionDropdown = ({ disabled={isRecordPage} data-click-outside-id={COMMAND_MENU_DROPDOWN_CLICK_OUTSIDE_ID} > - + {triggerLabel} - + } dropdownPlacement="bottom-start"