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

Add persistant widget state across sidebar 'dashboard' button and canvas header nav 'my dashboard' button

Browse Source
This commit is contained in:
Daniel S. Hansen
2025-07-25 13:19:09 -07:00
parent 2544d1bbdb
commit 5f17293ac6
4 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Canvas/views/DashboardCanvas.jsx
+10 -10
View File
@@ -8,14 +8,14 @@ import { Seismic } from "./DashboardCanvasNav/Seismic";
import { RemoteSensing } from "./DashboardCanvasNav/RemoteSensing";
import { useState, useEffect } from "react";
export function DashboardCanvas() {
export function DashboardCanvas({ layout, setLayout, onLayoutChange }) {
const [isEditable, setIsEditable] = useState(false); // editable=true means static=false (vice versa)
const [newCounter, setNewCounter] = useState(3);
const [layout, setLayout] = useState([
{ i: '0', x: 0, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable },
{ i: '1', x: 3, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable },
{ i: '2', x: 6, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable }
]);
// const [layout, setLayout] = useState([
// { i: '0', x: 0, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable },
// { i: '1', x: 3, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable },
// { i: '2', x: 6, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: !isEditable }
// ]);
const [originalLayout, setOriginalLayout] = useState([]);
useEffect(() => {
@@ -68,10 +68,10 @@ export function DashboardCanvas() {
setLayout(prev => prev.filter(w => w.i !== id));
}
const onLayoutChange = (newLayout) => {
setLayout(newLayout);
console.log('Updated layout:', newLayout)
};
// const onLayoutChange = (newLayout) => {
// setLayout(newLayout);
// console.log('Updated layout:', newLayout)
// };
return (
/* HEADER */