Migrate to a monorepo structure (#2909)

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

@@ -0,0 +1,79 @@
+import { useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilCallback, useSetRecoilState } from 'recoil';
+
+import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
+import { AppHotkeyScope } from '@/ui/utilities/hotkey/types/AppHotkeyScope';
+
+import { commandMenuCommands } from '../constants/commandMenuCommands';
+import { commandMenuCommandsState } from '../states/commandMenuCommandsState';
+import { isCommandMenuOpenedState } from '../states/isCommandMenuOpenedState';
+import { Command } from '../types/Command';
+
+export const useCommandMenu = () => {
+  const navigate = useNavigate();
+  const setIsCommandMenuOpened = useSetRecoilState(isCommandMenuOpenedState);
+  const setCommands = useSetRecoilState(commandMenuCommandsState);
+  const {
+    setHotkeyScopeAndMemorizePreviousScope,
+    goBackToPreviousHotkeyScope,
+  } = usePreviousHotkeyScope();
+
+  const openCommandMenu = () => {
+    setIsCommandMenuOpened(true);
+    setHotkeyScopeAndMemorizePreviousScope(AppHotkeyScope.CommandMenu);
+  };
+
+  const closeCommandMenu = () => {
+    setIsCommandMenuOpened(false);
+    goBackToPreviousHotkeyScope();
+  };
+
+  const toggleCommandMenu = useRecoilCallback(({ snapshot }) => async () => {
+    const isCommandMenuOpened = snapshot
+      .getLoadable(isCommandMenuOpenedState)
+      .getValue();
+
+    if (isCommandMenuOpened) {
+      closeCommandMenu();
+    } else {
+      openCommandMenu();
+    }
+  });
+
+  const addToCommandMenu = useCallback(
+    (addCommand: Command[]) => {
+      setCommands((prev) => [...prev, ...addCommand]);
+    },
+    [setCommands],
+  );
+
+  const setToIntitialCommandMenu = () => {
+    setCommands(commandMenuCommands);
+  };
+
+  const onItemClick = useCallback(
+    (onClick?: () => void, to?: string) => {
+      toggleCommandMenu();
+
+      if (onClick) {
+        onClick();
+        return;
+      }
+      if (to) {
+        navigate(to);
+        return;
+      }
+    },
+    [navigate, toggleCommandMenu],
+  );
+
+  return {
+    openCommandMenu,
+    closeCommandMenu,
+    toggleCommandMenu,
+    addToCommandMenu,
+    onItemClick,
+    setToIntitialCommandMenu,
+  };
+};