Create the Dashboard record show page (#14423)

Closes https://github.com/twentyhq/core-team-issues/issues/1438 - Reorganized PageLayout module - Created `DashboardRenderer` and `PageLayoutRenderer` - Created stories for the `PageLayoutRenderer` - Refactored the Widget components https://github.com/user-attachments/assets/27e9ac8f-b237-4c21-8494-3fab6d65af3a
2025-09-11 18:26:26 +02:00
parent 140b416b22
commit e80c552ae7
124 changed files with 1528 additions and 808 deletions
@@ -0,0 +1,46 @@
+import { useRecoilCallback } from 'recoil';
+import { v4 as uuidv4 } from 'uuid';
+import { pageLayoutCurrentLayoutsState } from '../states/pageLayoutCurrentLayoutsState';
+import { pageLayoutDraftState } from '../states/pageLayoutDraftState';
+import { type PageLayoutTabWithData } from '../types/pageLayoutTypes';
+import { createEmptyTabLayout } from '../utils/createEmptyTabLayout';
+
+export const useCreatePageLayoutTab = () => {
+  const createPageLayoutTab = useRecoilCallback(
+    ({ snapshot, set }) =>
+      (title?: string): string => {
+        const pageLayoutDraft = snapshot
+          .getLoadable(pageLayoutDraftState)
+          .getValue();
+
+        const newTabId = `tab-${uuidv4()}`;
+        const tabsLength = pageLayoutDraft.tabs.length;
+        const newTab: PageLayoutTabWithData = {
+          id: newTabId,
+          title: title || `Tab ${tabsLength + 1}`,
+          position: tabsLength,
+          pageLayoutId: '',
+          widgets: [],
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        };
+
+        const updatedTabs = [...(pageLayoutDraft.tabs || []), newTab];
+
+        set(pageLayoutDraftState, (prev) => ({
+          ...prev,
+          tabs: updatedTabs,
+        }));
+
+        set(pageLayoutCurrentLayoutsState, (prev) =>
+          createEmptyTabLayout(prev, newTabId),
+        );
+
+        return newTabId;
+      },
+    [],
+  );
+
+  return { createPageLayoutTab };
+};