Fix add widget behavior, widget types and view settings button menu item...

client/src/components/Canvas/CanvasComponents/SettingsButton.jsx

@@ -3,9 +3,16 @@ import { IoIosArrowBack } from "react-icons/io";
 import { FiSettings } from "react-icons/fi";
 import WidgetMenu from "./WidgetMenu";
 
-export function SettingsButton({ onEditWidgets, appendWidget}) {  
-  const triggerItem = (<> <Menu.TriggerItem> <IoIosArrowBack /> Add Widget</Menu.TriggerItem> </>);
-  const WidgetMenuProps = { appendWidget, triggerItem }
+export function SettingsButton({ view, onEditWidgets, appendWidget}) {  
+  const triggerItem = (
+  <> 
+    <Menu.TriggerItem> 
+      <IoIosArrowBack /> Add Widget
+    </Menu.TriggerItem> 
+  </>);
+
+  const WidgetMenuProps = { view, appendWidget, triggerItem }
+  
   return (
     <Menu.Root>
       <Menu.Trigger asChild >
@@ -13,11 +20,12 @@ export function SettingsButton({ onEditWidgets, appendWidget}) {
             <FiSettings />
           </IconButton>
       </Menu.Trigger>
+      
       <Portal>
         <Menu.Positioner>
           <Menu.Content>
             <WidgetMenu {...WidgetMenuProps}/>
-            <Menu.Item value="eidt" onClick={onEditWidgets} >
+            <Menu.Item value="edit" onClick={onEditWidgets} >
               Edit Widgets
             </Menu.Item>
           </Menu.Content>