removed delete button

+ renamed delete button to edit button (to keep functionality)
+ removed edit button (redundant)
+ on add widgets, it no longer asks you to save before continuing

client/src/components/Canvas/views/Home.jsx

@@ -11,31 +11,11 @@ import { SaveButton } from "../CanvasComponents/SaveButton";
 import DeleteAllButton from "../CanvasComponents/DeleteAllButton";
 import { v4 as uuid } from 'uuid';
 
-export default function Home({...props}) {
+export default function Home(props) {
   // deconstructing props
   const { view, layout, setLayout, setOriginalLayout,  onLayoutChange, onChangeView, onCancel, setOriginalWidgets,
     isDelete, setIsDelete, beginEditIfNeeded, isEditable, setIsEditable, widgetArray, setWidgetArray } = props;
 
-  // const onAddWidget = (ID, w, h, minw, minh, maxw, maxh) => {
-  //   setLayout(prev => [
-  //     ...prev,
-  //     {
-  //       i: ID,
-  //       x: (prev.length * 3) % 12,
-  //       y: Infinity,
-  //       w: w, 
-  //       h: h,
-  //       minW: minw,
-  //       minH: minh,
-  //       maxW: maxw,
-  //       maxH: maxh,
-  //       static: false,
-  //       resizeHandles: ['se']
-  //     }
-  //   ]);
-  //   onEditWidgets();
-  // };
-
   function appendWidget(name, w, h, minw, minh, maxw, maxh) {
     beginEditIfNeeded(); // Save state before anything else
     
@@ -70,20 +50,6 @@ export default function Home({...props}) {
     ]);
   }
 
-  const onEditWidgets = () => {
-    console.log("widgets are now editable");
-    beginEditIfNeeded(); // Save state before anything else
-    // setOriginalLayout(layout); // Backup layout before editing
-    // Set all widgets to editable, static: false
-    setLayout(prevLayout =>
-      prevLayout.map(item => ({
-        ...item, 
-        static: false
-      }))
-    );
-    setIsEditable(true); // Enable edit mode
-  }
-
   const onSave = () => {
     console.log("saving widgets...");
     // Set all widgets back to static: true
@@ -99,10 +65,15 @@ export default function Home({...props}) {
     setOriginalWidgets([]);
   }
 
-  const onDeleteWidgets = () => {
+  const onEditWidgets = () => {
     console.log("Start deleting widgets...");
     beginEditIfNeeded(); // Save state before anything else
-    // setOriginalLayout(layout);
+    setLayout(prevLayout =>
+      prevLayout.map(item => ({
+        ...item, 
+        static: false
+      }))
+    );
     setIsEditable(true);
     setIsDelete(true);
   }
@@ -127,7 +98,7 @@ export default function Home({...props}) {
 
   // Prop Forwarding
   const MyDashboardProps = { layout, onLayoutChange, isEditable, beginEditIfNeeded, isDelete, DeleteWidget, widgetArray, appendWidget };
-  const settingsButtonProps = { onEditWidgets, onDeleteWidgets, appendWidget };
+  const settingsButtonProps = { onEditWidgets, appendWidget };
   
   return (
     /* HEADER */