Add first widget button with popup menu

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

@@ -25,13 +25,13 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
     });
   };
 
+  // Show large 'Add Widget' button when dashboard is empty
   if ( !widgetArray.length ) {
     return (
       <Flex
-        key="first-widget"
         align="center"
         justify="center"
-        height="300px"
+        h="100%"
         w="100%"
         bg="gray.150"
         borderRadius="md"
@@ -41,6 +41,7 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
     );
   }
 
+  // Show responsive grid of widgets 
   return (
     <chakra.div width="100%">
       <ResponsiveGridLayout
@@ -58,7 +59,6 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
         position="relative"
         resizeHandle={<CustomResizeHandle isVisable={isEditable} />}
       >
-        
          { merged.map((item) => {
             const Widget = item.widget;
             return (
@@ -68,8 +68,6 @@ export default function MyDashboard({layout, onLayoutChange, isEditable, isDelet
             );
           })
         }
-          
-        
       </ResponsiveGridLayout>
     </chakra.div>
   );