some routes added

client/src/components/Canvas/views/HomeTabs/MyDashboard.jsx

@@ -4,7 +4,6 @@ import CustomResizeHandle from '../../CanvasComponents/CustomResizeHandle';
 import FirstWidgetButton from '../../CanvasComponents/FirstWidgetButton';
 
 export default function MyDashboard({layout, onLayoutChange, isEditable, isDelete, DeleteWidget, widgetArray, appendWidget}) {
-  console.log("rendering MyDashboard");
   const recipe = useSlotRecipe({ key: "widget" });
   const styles = recipe(); // using root recipe for widget below
   const ResponsiveGridLayout = WidthProvider(GridLayout); // canvas width now adjusts to window size
@@ -12,9 +11,6 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
   const handleDragStop = () => { document.body.style.userSelect = ""; }; // allow text highlighting all other times
   let merged = [];
 
-  console.log("widgetArray: ", widgetArray);
-  console.log("layout: ", layout);
-
   if (widgetArray.length && layout.length) {
     const widgetMap = new Map(widgetArray.map(item => [item.i, item]));
     merged = layout.map(item => {
@@ -23,7 +19,7 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         ...widgetMap.get(item.i)
       };
     });
-  };
+  }
 
   // Show large 'Add Widget' button when dashboard is empty
   if ( !layout.length ) {
@@ -36,39 +32,43 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         bg="gray.150"
         borderRadius="md"
       >
-        <FirstWidgetButton appendWidget={ appendWidget } />  
+        <FirstWidgetButton appendWidget={ appendWidget } />
       </Flex>
     );
   }
 
   // Show responsive grid of widgets 
   return (
-    <chakra.div width="100%">
-      <ResponsiveGridLayout
-        useCSSTransforms={false}  // remove the sliding animation of the widgets
-        className="layout"
-        layout={layout}
-        cols={16} // Total columns in grid
-        rowHeight={30} // Height of a single row in px
-        isBounded={true} // Total width of the grid
-        margin={[15, 5]} // [horizontal, vertical] gap
-        onLayoutChange={onLayoutChange}
-        draggableHandle=".widget-handle" // Make only the header draggable
-        onDragStart={handleDragStart}
-        onDragStop={handleDragStop}
-        position="relative"
-        resizeHandle={<CustomResizeHandle isVisable={isEditable} />}
-      >
-         { merged.map((item) => {
-            const Widget = item.widget;
-            return (
-              <Flex key={item.i} css={styles.root} boxShadow="md" height="100%" >
-                <Widget id={item.i} isEditable={isEditable} isDelete={isDelete} DeleteWidget={DeleteWidget} appendWidget={appendWidget}/>
-              </Flex>
-            );
-          })
-        }
-      </ResponsiveGridLayout>
-    </chakra.div>
+    <ResponsiveGridLayout
+      useCSSTransforms={false}  // remove the sliding animation of the widgets
+      className="layout"
+      layout={layout}
+      cols={16} // Total columns in grid
+      rowHeight={30} // Height of a single row in px
+      isBounded={true} // Total width of the grid
+      margin={[15, 5]} // [horizontal, vertical] gap
+      onLayoutChange={onLayoutChange}
+      draggableHandle=".widget-handle" // Make only the header draggable
+      onDragStart={handleDragStart}
+      onDragStop={handleDragStop}
+      position="relative"
+      resizeHandle={<CustomResizeHandle isVisable={isEditable} />}
+    >
+       { merged.map((item) => {
+          const Widget = item.widget;
+          return (
+            <Flex key={item.i} css={styles.root} boxShadow="md" height="100%" >
+              <Widget
+                id={item.i}
+                isEditable={isEditable}
+                isDelete={isDelete}
+                DeleteWidget={DeleteWidget}
+                appendWidget={appendWidget}
+              />
+            </Flex>
+          );
+        })
+      }
+    </ResponsiveGridLayout>
   );
 }