Add navigation prevention while in Edit mode to Avatar menu options in Header

2025-07-31 12:40:46 -07:00
parent 364ce0b752
commit 80a0515bb1
4 changed files with 33 additions and 17 deletions
@@ -20,6 +20,19 @@ export default function Dashboard() {
    { i: '2', x: 6, y: 0, w: 3, h: 3, minH: 3, minW: 1, static: true }
  ]);

+  const onCancel = () => {
+    console.log("canceling changes...");
+    if (originalLayout.length) { 
+      setLayout(originalLayout.map(item => ({
+        ...item, 
+        static: true
+      })));
+    };
+    setIsEditable(false);
+    setIsDelete(false);
+    setOriginalLayout([]); 
+  }
+  
  // Prevent navigation while in Edit mode without saving or cancelling
  const handleViewChange = (nextView) => { 
    if (view === "widget" && isEditable) {
@@ -68,6 +81,7 @@ export default function Dashboard() {
            setOriginalLayout={ setOriginalLayout }
            onLayoutChange={( newLayout ) => setLayout( newLayout )}
            onChangeView={ handleViewChange }
+            onCancel={ onCancel }
            isEditable={ isEditable }
            setIsEditable={ setIsEditable }
            isDelete={ isDelete }