Baptiste Devessier
52 lines
2.2 KiB
TypeScript
52 lines
2.2 KiB
TypeScript
import { PageLayoutCanvasViewer } from '@/page-layout/components/PageLayoutCanvasViewer';
|
|
import { PageLayoutGridLayout } from '@/page-layout/components/PageLayoutGridLayout';
|
|
import { PageLayoutVerticalListEditor } from '@/page-layout/components/PageLayoutVerticalListEditor';
|
|
import { PageLayoutVerticalListViewer } from '@/page-layout/components/PageLayoutVerticalListViewer';
|
|
import { usePageLayoutContentContext } from '@/page-layout/contexts/PageLayoutContentContext';
|
|
import { useCurrentPageLayoutOrThrow } from '@/page-layout/hooks/useCurrentPageLayoutOrThrow';
|
|
import { usePageLayoutTabWithVisibleWidgetsOrThrow } from '@/page-layout/hooks/usePageLayoutTabWithVisibleWidgetsOrThrow';
|
|
import { useReorderPageLayoutWidgets } from '@/page-layout/hooks/useReorderPageLayoutWidgets';
|
|
import { isPageLayoutInEditModeComponentState } from '@/page-layout/states/isPageLayoutInEditModeComponentState';
|
|
import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
|
|
import { PageLayoutTabLayoutMode, PageLayoutType } from '~/generated/graphql';
|
|
|
|
export const PageLayoutContent = () => {
|
|
const isPageLayoutInEditMode = useRecoilComponentValue(
|
|
isPageLayoutInEditModeComponentState,
|
|
);
|
|
|
|
const { tabId } = usePageLayoutContentContext();
|
|
|
|
const { reorderWidgets } = useReorderPageLayoutWidgets(tabId);
|
|
|
|
const activeTab = usePageLayoutTabWithVisibleWidgetsOrThrow(tabId);
|
|
|
|
const { layoutMode } = usePageLayoutContentContext();
|
|
|
|
const { currentPageLayout } = useCurrentPageLayoutOrThrow();
|
|
|
|
const isRecordPageLayout =
|
|
currentPageLayout.type === PageLayoutType.RECORD_PAGE;
|
|
|
|
const isCanvasLayout = layoutMode === PageLayoutTabLayoutMode.CANVAS;
|
|
const isVerticalList = layoutMode === PageLayoutTabLayoutMode.VERTICAL_LIST;
|
|
|
|
if (isCanvasLayout) {
|
|
return <PageLayoutCanvasViewer widgets={activeTab.widgets} />;
|
|
}
|
|
|
|
if (isVerticalList) {
|
|
return isPageLayoutInEditMode ? (
|
|
<PageLayoutVerticalListEditor
|
|
widgets={activeTab.widgets}
|
|
onReorder={reorderWidgets}
|
|
isReorderEnabled={!isRecordPageLayout}
|
|
/>
|
|
) : (
|
|
<PageLayoutVerticalListViewer widgets={activeTab.widgets} />
|
|
);
|
|
}
|
|
|
|
return <PageLayoutGridLayout tabId={tabId} />;
|
|
};
|