refactor!: rename Command Menu page/navigation layer to Side Panel (#18393)

2026-03-05 20:16:31 +05:30
parent 38ad0820c0
commit 5853891b02
675 changed files with 4894 additions and 4964 deletions
@@ -0,0 +1,48 @@
+import { SIDE_PANEL_SELECTABLE_LIST_ID } from '@/side-panel/constants/SidePanelSelectableListId';
+import { hasUserSelectedSidePanelListItemState } from '@/side-panel/states/hasUserSelectedSidePanelListItemState';
+import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList';
+import { selectedItemIdComponentState } from '@/ui/layout/selectable-list/states/selectedItemIdComponentState';
+import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue';
+import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
+import { useEffect } from 'react';
+import { isDefined } from 'twenty-shared/utils';
+
+export const SidePanelDefaultSelectionEffect = ({
+  selectableItemIds,
+}: {
+  selectableItemIds: string[];
+}) => {
+  const { setSelectedItemId } = useSelectableList(
+    SIDE_PANEL_SELECTABLE_LIST_ID,
+  );
+
+  const selectedItemId = useAtomComponentStateValue(
+    selectedItemIdComponentState,
+    SIDE_PANEL_SELECTABLE_LIST_ID,
+  );
+
+  const hasUserSelectedSidePanelListItem = useAtomStateValue(
+    hasUserSelectedSidePanelListItemState,
+  );
+
+  useEffect(() => {
+    if (
+      isDefined(selectedItemId) &&
+      selectableItemIds.includes(selectedItemId) &&
+      hasUserSelectedSidePanelListItem
+    ) {
+      return;
+    }
+
+    if (selectableItemIds.length > 0) {
+      setSelectedItemId(selectableItemIds[0]);
+    }
+  }, [
+    hasUserSelectedSidePanelListItem,
+    selectableItemIds,
+    selectedItemId,
+    setSelectedItemId,
+  ]);
+
+  return null;
+};