diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx index dfd2f6b41..db46aa88d 100644 --- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx +++ b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx @@ -108,6 +108,7 @@ export const ObjectFilterDropdownOptionSelect = () => { handleMultipleOptionSelectChange(option, selected) } text={option.label} + color={option.color} className="" /> ))} diff --git a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect.tsx b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect.tsx index 84f851e21..25fe7e5e3 100644 --- a/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect.tsx @@ -1,9 +1,11 @@ import styled from '@emotion/styled'; +import { Tag } from 'tsup.ui.index'; import { IconComponent } from '@/ui/display/icon/types/IconComponent'; import { Checkbox } from '@/ui/input/components/Checkbox'; +import { MenuItemLeftContent } from '@/ui/navigation/menu-item/internals/components/MenuItemLeftContent'; +import { ThemeColor } from '@/ui/theme/constants/MainColorNames'; -import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent'; import { StyledMenuItemBase } from '../internals/components/StyledMenuItemBase'; const StyledLeftContentWithCheckboxContainer = styled.div` @@ -14,6 +16,7 @@ const StyledLeftContentWithCheckboxContainer = styled.div` `; type MenuItemMultiSelectProps = { + color?: ThemeColor; LeftIcon?: IconComponent; selected: boolean; text: string; @@ -22,6 +25,7 @@ type MenuItemMultiSelectProps = { }; export const MenuItemMultiSelect = ({ + color, LeftIcon, text, selected, @@ -36,7 +40,11 @@ export const MenuItemMultiSelect = ({ - + {color ? ( + + ) : ( + + )} );