320 new command menu navigation bar buttons (#10018)

Closes https://github.com/twentyhq/core-team-issues/issues/320


https://github.com/user-attachments/assets/8082e986-07fd-46fb-9652-ad006aa9dac8

packages/twenty-front/src/modules/command-menu/hooks/useCommandMenu.ts

@@ -42,8 +42,16 @@ export const useCommandMenu = () => {
   const { resetContextStoreStates } = useResetContextStoreStates();
 
   const openCommandMenu = useRecoilCallback(
-    ({ set }) =>
+    ({ snapshot, set }) =>
       () => {
+        const isCommandMenuOpened = snapshot
+          .getLoadable(isCommandMenuOpenedState)
+          .getValue();
+
+        if (isCommandMenuOpened) {
+          return;
+        }
+
         copyContextStoreStates({
           instanceIdToCopyFrom: mainContextStoreComponentInstanceId,
           instanceIdToCopyTo: 'command-menu',
@@ -88,24 +96,6 @@ export const useCommandMenu = () => {
     [goBackToPreviousHotkeyScope, resetContextStoreStates, resetSelectedItem],
   );
 
-  const toggleCommandMenu = useRecoilCallback(
-    ({ snapshot, set }) =>
-      async () => {
-        const isCommandMenuOpened = snapshot
-          .getLoadable(isCommandMenuOpenedState)
-          .getValue();
-
-        set(commandMenuSearchState, '');
-
-        if (isCommandMenuOpened) {
-          closeCommandMenu();
-        } else {
-          openCommandMenu();
-        }
-      },
-    [closeCommandMenu, openCommandMenu],
-  );
-
   const navigateCommandMenu = useRecoilCallback(
     ({ snapshot, set }) => {
       return ({
@@ -133,6 +123,26 @@ export const useCommandMenu = () => {
     [openCommandMenu],
   );
 
+  const toggleCommandMenu = useRecoilCallback(
+    ({ snapshot, set }) =>
+      async () => {
+        const isCommandMenuOpened = snapshot
+          .getLoadable(isCommandMenuOpenedState)
+          .getValue();
+
+        set(commandMenuSearchState, '');
+
+        if (isCommandMenuOpened) {
+          closeCommandMenu();
+        } else {
+          navigateCommandMenu({
+            page: CommandMenuPages.Root,
+          });
+        }
+      },
+    [closeCommandMenu, navigateCommandMenu],
+  );
+
   const goBackFromCommandMenu = useRecoilCallback(
     ({ snapshot, set }) => {
       return () => {
@@ -257,7 +267,6 @@ export const useCommandMenu = () => {
   );
 
   return {
-    openCommandMenu,
     closeCommandMenu,
     navigateCommandMenu,
     navigateCommandMenuHistory,