Fix data checked state in generic menu (#174)

ClickHouse · Oct 11, 2023 · 42b8bc1 · 42b8bc1 · vercel · Oct 11, 2023
1 parent e038615
commit 42b8bc1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx
@@ -19,7 +19,7 @@ const DropdownExample = ({ showArrow, disabled, side, ...props }: Props) => {
           side={side}
         >
           <Dropdown.Group>
-            <Dropdown.Item>Content0</Dropdown.Item>
+            <Dropdown.Item data-state="checked">Content0</Dropdown.Item>
           </Dropdown.Group>
           <Dropdown.Item icon="activity">Content1 long text content</Dropdown.Item>
           <Dropdown.Sub>

diff --git a/src/components/GenericMenu.tsx b/src/components/GenericMenu.tsx
@@ -97,7 +97,7 @@ export const GenericMenuItem = styled.div`
       color:${theme.click.genericMenu.item.color.text.hover};
       cursor: pointer;
     }
-    &[data-state="open"], &[data-state-"checked"] {
+    &[data-state="open"], &[data-state="checked"], &[data-selected="true"]  {
       background:${theme.click.genericMenu.item.color.background.active};
       color:${theme.click.genericMenu.item.color.text.active};
       font: ${theme.click.genericMenu.item.typography.label.active};