From ee2bf4da09005034866898e1dc08685b001372c1 Mon Sep 17 00:00:00 2001
From: Josue <josue.quilon-barrios@senecacollege.ca>
Date: Thu, 15 Jul 2021 11:57:04 -0400
Subject: [PATCH] refactor(front-end): add button in the drawer to go the
 dashboard/home page

---
 striker-ui/components/AnvilDrawer.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/striker-ui/components/AnvilDrawer.tsx b/striker-ui/components/AnvilDrawer.tsx
index c6470c99..37eb85b7 100644
--- a/striker-ui/components/AnvilDrawer.tsx
+++ b/striker-ui/components/AnvilDrawer.tsx
@@ -1,9 +1,10 @@
 import { Divider, Drawer, List, ListItem, Box } from '@material-ui/core';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
+import DashboardIcon from '@material-ui/icons/Dashboard';
 import { Dispatch, SetStateAction } from 'react';
 import { BodyText, HeaderText } from './Text';
 import { ICONS, ICON_SIZE } from '../lib/consts/ICONS';
-import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER, GREY } from '../lib/consts/DEFAULT_THEME';
 
 interface DrawerProps {
   open: boolean;
@@ -22,6 +23,13 @@ const useStyles = makeStyles(() =>
       paddingTop: '.5em',
       paddingLeft: '1.5em',
     },
+    dashboardButton: {
+      paddingLeft: '.1em',
+    },
+    dashboardIcon: {
+      fontSize: '2.3em',
+      color: GREY,
+    },
   }),
 );
 
@@ -41,6 +49,16 @@ const AnvilDrawer = ({ open, setOpen }: DrawerProps): JSX.Element => {
             <HeaderText text="Admin" />
           </ListItem>
           <Divider className={classes.divider} />
+          <ListItem button component="a" href="/">
+            <Box display="flex" flexDirection="row" width="100%">
+              <Box className={classes.dashboardButton}>
+                <DashboardIcon className={classes.dashboardIcon} />
+              </Box>
+              <Box flexGrow={1} className={classes.text}>
+                <BodyText text="Dashboard" />
+              </Box>
+            </Box>
+          </ListItem>
           {ICONS.map(
             (icon): JSX.Element => (
               <ListItem