Fix state not being saved before entering edit or delete modes

client/src/components/Dashboard.jsx

@@ -30,13 +30,14 @@ export default function Dashboard() {
 
   const onCancel = () => {
     console.log("canceling changes...");
+    console.log(originalWidgets);
     if (originalLayout.length) { 
       setLayout(originalLayout.map(item => ({
         ...item, 
         static: true
       })));
     };
-    setWidgetArray(originalWidgets.length ? originalWidgets : []);
+    setWidgetArray(originalWidgets);
     setIsEditable(false);
     setIsDelete(false);
     setOriginalLayout([]); 
@@ -64,7 +65,7 @@ export default function Dashboard() {
 
   // Prop Forwarding
   const canvasProps = { view, layout, setLayout, setOriginalLayout, onLayoutChange, onChangeView: handleViewChange, 
-    onCancel, isEditable, setIsEditable, isDelete, setIsDelete, widgetArray, setWidgetArray, setOriginalWidgets, beginEditIfNeeded
+    onCancel, isEditable, setIsEditable, isDelete, setIsDelete, widgetArray, setWidgetArray, originalWidgets, setOriginalWidgets, beginEditIfNeeded
   };
   const sidebarProps = { view, onChangeView: handleViewChange, darkMode, setDarkMode };
   const headerProps = { onChangeView: handleViewChange };