twenty/front/src/modules/keyboard-shortcut-menu/hooks/useKeyboardShortcutMenu.ts

import { useRecoilState, useRecoilValue } from 'recoil';

import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
import { AppHotkeyScope } from '@/ui/utilities/hotkey/types/AppHotkeyScope';

import { isKeyboardShortcutMenuOpenedState } from '../states/isKeyboardShortcutMenuOpenedState';

export const useKeyboardShortcutMenu = () => {
  const [, setIsKeyboardShortcutMenuOpened] = useRecoilState(
    isKeyboardShortcutMenuOpenedState,
  );
  const isKeyboardShortcutMenuOpened = useRecoilValue(
    isKeyboardShortcutMenuOpenedState,
  );
  const {
    setHotkeyScopeAndMemorizePreviousScope,
    goBackToPreviousHotkeyScope,
  } = usePreviousHotkeyScope();

  const toggleKeyboardShortcutMenu = () => {
    if (isKeyboardShortcutMenuOpened === false) {
      setIsKeyboardShortcutMenuOpened(true);
      setHotkeyScopeAndMemorizePreviousScope(
        AppHotkeyScope.KeyboardShortcutMenu,
      );
    } else {
      setIsKeyboardShortcutMenuOpened(false);
      goBackToPreviousHotkeyScope();
    }
  };

  const openKeyboardShortcutMenu = () => {
    setIsKeyboardShortcutMenuOpened(true);
    setHotkeyScopeAndMemorizePreviousScope(AppHotkeyScope.KeyboardShortcutMenu);
  };

  const closeKeyboardShortcutMenu = () => {
    setIsKeyboardShortcutMenuOpened(false);
    goBackToPreviousHotkeyScope();
  };

  return {
    toggleKeyboardShortcutMenu,
    openKeyboardShortcutMenu,
    closeKeyboardShortcutMenu,
  };
};