7338 refactor actionbar and contextmenu to use the context store (#7462)

Closes #7338

packages/twenty-front/src/modules/ui/layout/bottom-bar/hooks/useBottomBar.ts

@@ -0,0 +1,87 @@
+import { useRecoilCallback } from 'recoil';
+
+import { bottomBarHotkeyComponentState } from '@/ui/layout/bottom-bar/states/bottomBarHotkeyComponentState';
+import { isBottomBarOpenedComponentState } from '@/ui/layout/bottom-bar/states/isBottomBarOpenedComponentState';
+import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
+import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+import { isDefined } from '~/utils/isDefined';
+
+export const useBottomBar = () => {
+  const {
+    setHotkeyScopeAndMemorizePreviousScope,
+    goBackToPreviousHotkeyScope,
+  } = usePreviousHotkeyScope();
+
+  const closeBottomBar = useRecoilCallback(
+    ({ set }) =>
+      (specificComponentId: string) => {
+        goBackToPreviousHotkeyScope();
+        set(
+          isBottomBarOpenedComponentState.atomFamily({
+            instanceId: specificComponentId,
+          }),
+          false,
+        );
+      },
+    [goBackToPreviousHotkeyScope],
+  );
+
+  const openBottomBar = useRecoilCallback(
+    ({ set, snapshot }) =>
+      (specificComponentId: string, customHotkeyScope?: HotkeyScope) => {
+        const bottomBarHotkeyScope = snapshot
+          .getLoadable(
+            bottomBarHotkeyComponentState.atomFamily({
+              instanceId: specificComponentId,
+            }),
+          )
+          .getValue();
+
+        set(
+          isBottomBarOpenedComponentState.atomFamily({
+            instanceId: specificComponentId,
+          }),
+          true,
+        );
+
+        if (isDefined(customHotkeyScope)) {
+          setHotkeyScopeAndMemorizePreviousScope(
+            customHotkeyScope.scope,
+            customHotkeyScope.customScopes,
+          );
+        } else if (isDefined(bottomBarHotkeyScope)) {
+          setHotkeyScopeAndMemorizePreviousScope(
+            bottomBarHotkeyScope.scope,
+            bottomBarHotkeyScope.customScopes,
+          );
+        }
+      },
+    [setHotkeyScopeAndMemorizePreviousScope],
+  );
+
+  const toggleBottomBar = useRecoilCallback(
+    ({ snapshot }) =>
+      (specificComponentId: string) => {
+        const isBottomBarOpen = snapshot
+          .getLoadable(
+            isBottomBarOpenedComponentState.atomFamily({
+              instanceId: specificComponentId,
+            }),
+          )
+          .getValue();
+
+        if (isBottomBarOpen) {
+          closeBottomBar(specificComponentId);
+        } else {
+          openBottomBar(specificComponentId);
+        }
+      },
+    [closeBottomBar, openBottomBar],
+  );
+
+  return {
+    closeBottomBar,
+    openBottomBar,
+    toggleBottomBar,
+  };
+};

packages/twenty-front/src/modules/ui/layout/bottom-bar/hooks/useBottomBarInternalHotkeyScopeManagement.ts

@@ -0,0 +1,27 @@
+import { useEffect } from 'react';
+
+import { bottomBarHotkeyComponentState } from '@/ui/layout/bottom-bar/states/bottomBarHotkeyComponentState';
+import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+import { useRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentStateV2';
+import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
+
+export const useBottomBarInternalHotkeyScopeManagement = ({
+  bottomBarId,
+  bottomBarHotkeyScopeFromParent,
+}: {
+  bottomBarId?: string;
+  bottomBarHotkeyScopeFromParent?: HotkeyScope;
+}) => {
+  const [bottomBarHotkeyScope, setBottomBarHotkeyScope] =
+    useRecoilComponentStateV2(bottomBarHotkeyComponentState, bottomBarId);
+
+  useEffect(() => {
+    if (!isDeeplyEqual(bottomBarHotkeyScopeFromParent, bottomBarHotkeyScope)) {
+      setBottomBarHotkeyScope(bottomBarHotkeyScopeFromParent);
+    }
+  }, [
+    bottomBarHotkeyScope,
+    bottomBarHotkeyScopeFromParent,
+    setBottomBarHotkeyScope,
+  ]);
+};