CEC-244 Remote car commands, search, sortable tables (#42)

* Add sortable table header

* Send bulk commands page
Update table page sizes
All tables are sortable

* Update site layout
Add search to update packages

* Reenable Datadog

* remove dev stuff

src/components/Layouts/MenuDrawer.jsx

@@ -1,34 +1,22 @@
 import React from "react";
 import clsx from "clsx";
-import { useTheme } from "@material-ui/core/styles";
 import Drawer from "@material-ui/core/Drawer";
 import AppBar from "@material-ui/core/AppBar";
 import Toolbar from "@material-ui/core/Toolbar";
 import Typography from "@material-ui/core/Typography";
 import Divider from "@material-ui/core/Divider";
-import IconButton from "@material-ui/core/IconButton";
-import MenuIcon from "@material-ui/icons/Menu";
-import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
-import ChevronRightIcon from "@material-ui/icons/ChevronRight";
 
 import SideMenu from "./SideMenu";
 import useStyles from "../useStyles";
 import { useUserContext } from "../Contexts/UserContext";
+import { useStatusContext } from "../Contexts/StatusContext";
 import { Button, Container } from "@material-ui/core";
+import logo from "../../assets/fisker-badge.svg";
 
 export default function MenuDrawer({ children }) {
   const classes = useStyles();
-  const theme = useTheme();
+  const { title } = useStatusContext();
   const { signOut, token } = useUserContext();
-  const [open, setOpen] = React.useState(true);
-
-  const handleDrawerOpen = () => {
-    setOpen(true);
-  };
-
-  const handleDrawerClose = () => {
-    setOpen(false);
-  };
 
   const onSignOut = () => {
     document.location = signOut();
@@ -39,26 +27,12 @@ export default function MenuDrawer({ children }) {
       <AppBar
         position="fixed"
         className={clsx(classes.appBar, {
-          [classes.appBarShift]: open && token !== null,
+          [classes.appBarShift]: token !== null,
         })}
       >
         <Toolbar>
-          {token !== null && (
-            <IconButton
-              color="inherit"
-              aria-label="open drawer"
-              onClick={handleDrawerOpen}
-              edge="start"
-              className={clsx(
-                classes.menuButton,
-                open && classes.hide && token !== null
-              )}
-            >
-              <MenuIcon />
-            </IconButton>
-          )}
           <Typography variant="h6" noWrap>
-            Fisker OTA Portal
+            {title}
           </Typography>
           {token !== null && (
             <Button
@@ -76,19 +50,17 @@ export default function MenuDrawer({ children }) {
           className={classes.drawer}
           variant="persistent"
           anchor="left"
-          open={open}
+          open={true}
           classes={{
             paper: classes.drawerPaper,
           }}
         >
           <div className={classes.drawerHeader}>
-            <IconButton onClick={handleDrawerClose}>
-              {theme.direction === "ltr" ? (
-                <ChevronLeftIcon />
-              ) : (
-                <ChevronRightIcon />
-              )}
-            </IconButton>
+            <img
+              src={logo}
+              alt="Fisker Admin Portal"
+              className={classes.logo}
+            />
           </div>
           <Divider />
           <SideMenu />
@@ -96,7 +68,7 @@ export default function MenuDrawer({ children }) {
       )}
       <main
         className={clsx(classes.content, {
-          [classes.contentShift]: open && token !== null,
+          [classes.contentShift]: token !== null,
         })}
       >
         <div className={classes.drawerHeader} />