|
@@ -9,6 +9,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
|
|
|
import Brightness3Icon from '@mui/icons-material/Brightness3';
|
|
|
import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
|
|
|
import BugReportIcon from '@mui/icons-material/BugReport';
|
|
|
+import PersonAddAltIcon from '@mui/icons-material/PersonAddAlt';
|
|
|
import Switch from '@mui/material/Switch';
|
|
|
import { makeStyles } from '@material-ui/core'
|
|
|
import { useDispatch } from 'react-redux';
|
|
@@ -65,13 +66,20 @@ const MenuBar = ({handleSelectedMenu,nightMode}:IContactsList) => {
|
|
|
return (
|
|
|
<div className={classes.overlay} id='overlay'>
|
|
|
<Paper className={classes.container}>
|
|
|
- <MenuList className={classes.list}>
|
|
|
- <MenuItem onClick={() => handleSelectedMenu(1)}>
|
|
|
+ <MenuList className={classes.list}>
|
|
|
+ <MenuItem onClick={() => handleSelectedMenu(3)}>
|
|
|
<ListItemIcon className={classes.listIcon}>
|
|
|
<PermContactCalendarIcon fontSize="medium" />
|
|
|
</ListItemIcon>
|
|
|
+ <ListItemText>New Contact</ListItemText>
|
|
|
+ </MenuItem>
|
|
|
+ <MenuItem onClick={() => handleSelectedMenu(1)}>
|
|
|
+ <ListItemIcon className={classes.listIcon}>
|
|
|
+ <PersonAddAltIcon fontSize="medium" />
|
|
|
+ </ListItemIcon>
|
|
|
<ListItemText>Contacts</ListItemText>
|
|
|
- </MenuItem>
|
|
|
+ </MenuItem>
|
|
|
+
|
|
|
<MenuItem onClick={() => handleSelectedMenu(2)}>
|
|
|
<ListItemIcon className={classes.listIcon}>
|
|
|
<SettingsIcon fontSize="medium" />
|