fixes an undefined

Signed-off-by: Thomas Evans <tevans3@icloud.com>

ui/src/CloudCost/CloudCost.js

@@ -16,7 +16,7 @@ import {
 import { toCurrency } from "../util";
 import CloudCostChart from "./CloudCostChart";
 
-const CloudCost = ({ cumulativeData, totalData, graphData, currency }) => {
+const CloudCost = ({ cumulativeData = [], totalData, graphData, currency }) => {
   const useStyles = makeStyles({
     noResults: {
       padding: 24,
@@ -71,7 +71,7 @@ const CloudCost = ({ cumulativeData, totalData, graphData, currency }) => {
   const [orderBy, setOrderBy] = React.useState("totalCost");
   const [page, setPage] = React.useState(0);
   const [rowsPerPage, setRowsPerPage] = React.useState(25);
-  const numData = cumulativeData.length;
+  const numData = cumulativeData?.length;
 
   const lastPage = Math.floor(numData / rowsPerPage);
 

ui/src/components/Page.js

@@ -1,33 +1,31 @@
-import { makeStyles } from '@material-ui/styles'
-import React from 'react'
+import { makeStyles } from "@material-ui/styles";
+import React from "react";
 
 const useStyles = makeStyles({
   wrapper: {
-    display: 'flex',
-    flexFlow: 'column',
+    display: "flex",
+    flexFlow: "column",
     flexGrow: 1,
-    margin: '20px 30px 0 30px',
+    margin: "20px 30px 0 30px",
     minWidth: 800,
   },
   flexGrow: {
-    display: 'flex',
-    flexFlow: 'column',
+    display: "flex",
+    flexFlow: "column",
     flexGrow: 1,
-  }
-})
+  },
+});
 
-const Page = props => {
-  const classes = useStyles()
+const Page = (props) => {
+  const classes = useStyles();
 
   return (
     <div className={classes.flexGrow}>
       <div className={classes.wrapper}>
-        <div className={classes.flexGrow}>
-          {props.children}
-        </div>
+        <div className={classes.flexGrow}>{props.children}</div>
       </div>
     </div>
-  )
-}
+  );
+};
 
-export default Page
+export default Page;

ui/src/components/Sidebar.js

@@ -16,7 +16,7 @@ import {
 
 import { MoveToInbox as InboxIcon, Mail as MailIcon } from "@material-ui/icons";
 
-const drawerWidth = 240;
+const drawerWidth = 120;
 
 const Sidebar = () => {
   return (