diff --git a/client/src/components/Canvas/Canvas.jsx b/client/src/components/Canvas/Canvas.jsx index bc97e65..867ca1b 100644 --- a/client/src/components/Canvas/Canvas.jsx +++ b/client/src/components/Canvas/Canvas.jsx @@ -9,7 +9,7 @@ import { chakra } from "@chakra-ui/react"; import Personal from "./views/Personal"; import Security from "./views/Security"; -export default function Canvas({...props}) { +export default function Canvas(props) { const { view } = props; return ( diff --git a/client/src/components/Canvas/CanvasComponents/SettingsButton.jsx b/client/src/components/Canvas/CanvasComponents/SettingsButton.jsx index b5772c2..dca8273 100644 --- a/client/src/components/Canvas/CanvasComponents/SettingsButton.jsx +++ b/client/src/components/Canvas/CanvasComponents/SettingsButton.jsx @@ -3,7 +3,7 @@ import { IoIosArrowBack } from "react-icons/io"; import { FiSettings } from "react-icons/fi"; import WidgetMenu from "./WidgetMenu"; -export function SettingsButton({ onEditWidgets, onDeleteWidgets, appendWidget}) { +export function SettingsButton({ onEditWidgets, appendWidget}) { const triggerItem = (<> Add Widget ); const WidgetMenuProps = { appendWidget, triggerItem } return ( @@ -17,13 +17,8 @@ export function SettingsButton({ onEditWidgets, onDeleteWidgets, appendWidget}) - Edit Widgets - - Delete Widgets + + Edit Widgets diff --git a/client/src/components/Canvas/CanvasComponents/WidgetMenu.jsx b/client/src/components/Canvas/CanvasComponents/WidgetMenu.jsx index 179e0e6..0bf3f66 100644 --- a/client/src/components/Canvas/CanvasComponents/WidgetMenu.jsx +++ b/client/src/components/Canvas/CanvasComponents/WidgetMenu.jsx @@ -14,10 +14,10 @@ export default function WidgetMenu({appendWidget, triggerItem, positioning}) { > Alert Level - CO2 - IVANS - Plume Heights - Alert Level Changes + CO2 + IVANS + Plume Heights + Alert Level Changes diff --git a/client/src/components/Canvas/views/Home.jsx b/client/src/components/Canvas/views/Home.jsx index 1bd1d8d..0ed888c 100644 --- a/client/src/components/Canvas/views/Home.jsx +++ b/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 */ diff --git a/client/src/components/Dashboard.jsx b/client/src/components/Dashboard.jsx index 0177125..3f0dc4f 100644 --- a/client/src/components/Dashboard.jsx +++ b/client/src/components/Dashboard.jsx @@ -23,8 +23,6 @@ export default function Dashboard() { if ( !isEditable ) { setOriginalLayout(layout); setOriginalWidgets(widgetArray); - setIsEditable(true); - setIsDelete(false); } };