Refactor command menu items deprecated code (#19508)

- Removes the intermediate `CommandMenuItemConfig` / `CommandConfigContext` / `CommandMenuItemDisplay` abstraction layers, replacing them with a single `CommandMenuItemRenderer` that renders directly from the command menu items from the backend - Eliminates the server-items/ subdirectory by moving its contents (hooks/, contexts/, states/, display/, edit/) up into the parent command-menu-item/ module, removing an unnecessary nesting level.
2026-04-10 11:28:27 +02:00
parent f13e7e01fe
commit 4b3a46d953
132 changed files with 1376 additions and 2723 deletions
@@ -0,0 +1,57 @@
+import { useCallback } from 'react';
+import { useStore } from 'jotai';
+import { useMutation } from '@apollo/client/react';
+import { isDefined } from 'twenty-shared/utils';
+
+import { commandMenuItemsDraftState } from '@/command-menu-item/edit/states/commandMenuItemsDraftState';
+import { UPDATE_COMMAND_MENU_ITEM } from '@/command-menu-item/graphql/mutations/updateCommandMenuItem';
+import { commandMenuItemsSelector } from '@/command-menu-item/states/commandMenuItemsSelector';
+import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
+import { type UpdateCommandMenuItemInput } from '~/generated-metadata/graphql';
+
+export const useSaveCommandMenuItemsDraft = () => {
+  const store = useStore();
+  const [updateCommandMenuItem] = useMutation(UPDATE_COMMAND_MENU_ITEM);
+  const commandMenuItems = useAtomStateValue(commandMenuItemsSelector);
+
+  const saveCommandMenuItemsDraft = useCallback(async () => {
+    const draft = store.get(commandMenuItemsDraftState.atom);
+
+    if (!isDefined(draft)) {
+      return;
+    }
+
+    const serverItemsById = new Map(
+      commandMenuItems.map((item) => [item.id, item]),
+    );
+
+    const changedItems = draft.filter((draftItem) => {
+      const serverItem = serverItemsById.get(draftItem.id);
+
+      if (!isDefined(serverItem)) {
+        return false;
+      }
+
+      return (
+        draftItem.isPinned !== serverItem.isPinned ||
+        draftItem.position !== serverItem.position ||
+        draftItem.shortLabel !== serverItem.shortLabel
+      );
+    });
+
+    await Promise.all(
+      changedItems.map((item) => {
+        const input: UpdateCommandMenuItemInput = {
+          id: item.id,
+          isPinned: item.isPinned,
+          position: item.position,
+          shortLabel: item.shortLabel,
+        };
+
+        return updateCommandMenuItem({ variables: { input } });
+      }),
+    );
+  }, [store, commandMenuItems, updateCommandMenuItem]);
+
+  return { saveCommandMenuItemsDraft };
+};