web client v 0.1

src/components/UserMenu.js

@@ -11,6 +11,7 @@ import ExpandMore from "@material-ui/icons/ExpandMore";
 import FastfoodIcon from "@material-ui/icons/Fastfood";
 import AddIcon from "@material-ui/icons/Add";
 import SettingsIcon from "@material-ui/icons/Settings";
+import { useHistory } from "react-router-dom";
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -33,6 +34,11 @@ export default function UserMenu(props) {
   const handleClick = () => {
     setOpen(!open);
   };
+  const handleAddRestaurant = () => {
+    props.closeMenu();
+    history.push("/newRestaurant");
+  };
+  const history = useHistory();
 
   return (
     <List
@@ -58,7 +64,7 @@ export default function UserMenu(props) {
       </ListItem>
       <Collapse in={open} timeout="auto" unmountOnExit>
         <List component="div" disablePadding>
-          <ListItem>
+          <ListItem button onClick={handleAddRestaurant}>
             <ListItemIcon>
               <AddIcon />
             </ListItemIcon>