Invitations: move to side menu.

src/Collections/CollectionList.tsx

@@ -7,7 +7,6 @@ import { Link, useHistory } from "react-router-dom";
 
 import IconButton from "@material-ui/core/IconButton";
 import IconAdd from "@material-ui/icons/Add";
-import IconInvitation from "@material-ui/icons/MailOutline";
 import ContactsIcon from "@material-ui/icons/Contacts";
 import CalendarTodayIcon from "@material-ui/icons/CalendarToday";
 import FormatListBulletedIcon from "@material-ui/icons/FormatListBulleted";
@@ -57,13 +56,6 @@ export default function CollectionList(props: PropsType) {
   return (
     <Container>
       <AppBarOverride title="Collections">
-        <IconButton
-          component={Link}
-          title="Invitations"
-          {...{ to: routeResolver.getRoute("collections.invitations") }}
-        >
-          <IconInvitation />
-        </IconButton>
         <IconButton
           component={Link}
           title="New"

src/SideMenu/index.tsx

@@ -11,6 +11,7 @@ import ActionBugReport from "@material-ui/icons/BugReport";
 import ActionQuestionAnswer from "@material-ui/icons/QuestionAnswer";
 import LogoutIcon from "@material-ui/icons/PowerSettingsNew";
 import IconImport from "@material-ui/icons/ImportExport";
+import IconInvitation from "@material-ui/icons/MailOutline";
 
 import logo from "../images/logo.svg";
 
@@ -51,6 +52,14 @@ export default function SideMenu(props: PropsType) {
             history.push(routeResolver.getRoute("collections"));
           }}
         />
+        <ListItem
+          primaryText="Invitations"
+          leftIcon={<IconInvitation />}
+          onClick={() => {
+            props.onCloseDrawerRequest();
+            history.push(routeResolver.getRoute("collections.invitations"));
+          }}
+        />
         <ListItem
           primaryText="Import"
           leftIcon={<IconImport />}