From c7e07150ddbb6dd5d427026b96535084191cf579 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Mon, 7 Sep 2020 17:41:47 +0300
Subject: [PATCH] Invitations: move to side menu.

---
 src/Collections/CollectionList.tsx | 8 --------
 src/SideMenu/index.tsx             | 9 +++++++++
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/Collections/CollectionList.tsx b/src/Collections/CollectionList.tsx
index fbcfc36..775fa60 100644
--- a/src/Collections/CollectionList.tsx
+++ b/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"
diff --git a/src/SideMenu/index.tsx b/src/SideMenu/index.tsx
index c901132..162d7de 100644
--- a/src/SideMenu/index.tsx
+++ b/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 />}