8928 refactor page header buttons (#8952)

Closes #8928 <img width="1296" alt="Capture d’écran 2024-12-09 à 10 26 37" src="https://github.com/user-attachments/assets/f33202b0-9c11-48da-8daa-e867d62a1803"> <img width="1296" alt="Capture d’écran 2024-12-09 à 10 26 54" src="https://github.com/user-attachments/assets/a94f89d4-ca12-403f-bfcb-12168a82f77c">
2024-12-09 10:55:33 +01:00
parent ef0ae2568d
commit 387f5259a7
10 changed files with 70 additions and 68 deletions
--- a/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
@ -0,0 +1,20 @@
+import { Button, IconDotsVertical } from 'twenty-ui';
+
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
+
+export const PageHeaderOpenCommandMenuButton = () => {
+  const { openCommandMenu } = useCommandMenu();
+
+  return (
+    <Button
+      Icon={IconDotsVertical}
+      dataTestId="page-header-open-command-menu-button"
+      size="small"
+      variant="secondary"
+      accent="default"
+      shortcut="⌘K"
+      ariaLabel="Open command menu"
+      onClick={openCommandMenu}
+    />
+  );
+};