Implement basic edition for record page layouts (#15237)

1. Add actions for record page layouts to side panel 2. Support drag-and-drop of widgets https://github.com/user-attachments/assets/c4cef7c5-08a8-4999-b8a5-e1831cc66709
2025-10-22 10:48:09 +02:00
parent c2a477a9d6
commit c6addc2bb4
13 changed files with 466 additions and 4 deletions
@@ -0,0 +1,27 @@
+import { WidgetRenderer } from '@/page-layout/widgets/components/WidgetRenderer';
+import styled from '@emotion/styled';
+import { type PageLayoutWidget } from '~/generated/graphql';
+
+const StyledVerticalListContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)};
+`;
+
+type PageLayoutVerticalListViewerProps = {
+  widgets: PageLayoutWidget[];
+};
+
+export const PageLayoutVerticalListViewer = ({
+  widgets,
+}: PageLayoutVerticalListViewerProps) => {
+  return (
+    <StyledVerticalListContainer>
+      {widgets.map((widget) => (
+        <div key={widget.id}>
+          <WidgetRenderer widget={widget} />
+        </div>
+      ))}
+    </StyledVerticalListContainer>
+  );
+};