fix(ColorizedMenuItem): return StateDot as marker

taskany-inc · Jun 29, 2023 · 8ba9427 · 8ba9427
1 parent c2d0ed4
commit 8ba9427
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/ColorizedMenuItem.tsx b/src/components/ColorizedMenuItem.tsx
@@ -4,6 +4,8 @@ import { MarkedListItem } from '@taskany/bricks';
 
 import { usePageContext } from '../hooks/usePageContext';
 
+import { StateDot } from './StateDot';
+
 export const ColorizedMenuItem: FC<{
     hue: number;
     children?: React.ReactNode;
@@ -15,7 +17,7 @@ export const ColorizedMenuItem: FC<{
     const hoverColor = useMemo(() => colorLayer(hue, 5, hue === 1 ? 0 : undefined)[themeId], [hue, themeId]);
 
     return (
-        <MarkedListItem hoverColor={hoverColor} {...props}>
+        <MarkedListItem hoverColor={hoverColor} mark={<StateDot hue={hue} />} {...props}>
             {children}
         </MarkedListItem>
     );