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 => { + + + + + + + + + + {ICONS.map( (icon): JSX.Element => (