chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lots of file surgery, it works

Browse Source
This commit is contained in:
vkuchenik
2025-07-24 12:08:10 -07:00
parent 2db5514f2c
commit 85160caae0
4 changed files with 62 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Canvas/views/DashboardCanvasNav/WidgetCanvas.jsx
+1 -12
View File
@@ -7,24 +7,13 @@ import GridLayout, { WidthProvider } from 'react-grid-layout';
import Widget from '../../components/Widget.jsx';
import { useSlotRecipe, chakra, Flex } from '@chakra-ui/react';
export default function WidgetCanvas() {
export default function WidgetCanvas({layout, onLayoutChange}) {
// Define widgets initial position and size
// TODO Add dynamic adding/deleting of widgets via options button
const recipe = useSlotRecipe({ key: "widget" });
const styles = recipe(); // using root recipe for widget below
const ResponsiveGridLayout = WidthProvider(GridLayout); // canvas width now adjusts to window size
const [layout, setLayout] = useState([
{ i: '0', x: 0, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: false },
{ i: '1', x: 3, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: false },
{ i: '2', x: 6, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: false }
]);
const onLayoutChange = (newLayout) => {
setLayout(newLayout);
console.log('Updated layout:', newLayout)
};
// don't allow text highlighting when dragging
const handleDragStart = () => {
document.body.style.userSelect = "none";