Merge pull request #87 from which-ecosystem/DrawerCloser

feat: add icon for closing drawer

1 files changed, 9 insertions, 1 deletions

diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index 9b416b0..a111a06 100644
--- a/src/components/Drawer/Drawer.tsx
+++ b/src/components/Drawer/Drawer.tsx
@@ -5,9 +5,11 @@ import {
   List,
   ListItem,
   Typography,
-  Divider
+  Divider,
+  IconButton
 } from '@material-ui/core';
 import { ExitToApp as LogoutIcon, Info } from '@material-ui/icons';
+import CloseIcon from '@material-ui/icons/Close';
 import { makeStyles } from '@material-ui/core/styles';
 
 import UserInfo from './UserInfo';
@@ -24,6 +26,9 @@ const useStyles = makeStyles(theme => ({
   },
   icon: {
     marginRight: theme.spacing(1)
+  },
+  closeDrawer: {
+
   }
 }));
 
@@ -68,6 +73,9 @@ const Drawer: React.FC<PropTypes> = React.memo(({ isOpen, setIsOpen }) => {
       disableBackdropTransition={!iOS}
       disableDiscovery={iOS}
     >
+      <IconButton onClick={handleClose} style={{ width: '48px' }}>
+        <CloseIcon />
+      </IconButton>
       {user && <UserInfo user={user} />}
       <Divider />
       <List>