fix: add pressed state on MenuButton (#1091)

RocketChat · Jun 28, 2023 · a608c8f · a608c8f
1 parent a0e4bb9
commit a608c8f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/fuselage/src/components/Menu/V2/Menu.stories.tsx b/packages/fuselage/src/components/Menu/V2/Menu.stories.tsx
@@ -360,3 +360,15 @@ export const AsSidebarTopbarActions = () => (
     </Menu>
   </Sidebar.TopBar.Actions>
 );
+
+export const ControlledOpenState = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <Menu isOpen={isOpen} onOpenChange={setIsOpen}>
+      <MenuItem key='1'>Profile</MenuItem>
+      <MenuItem key='2'>Chats</MenuItem>
+      <MenuItem key='3'>Settings</MenuItem>
+    </Menu>
+  );
+};
diff --git a/packages/fuselage/src/components/Menu/V2/Menu.tsx b/packages/fuselage/src/components/Menu/V2/Menu.tsx
@@ -47,6 +47,7 @@ const Menu = <T extends object>({
         icon={icon}
         className={className}
         title={title}
+        pressed={state.isOpen}
         small
       />
       {state.isOpen && (