From 6acc5d4038abce3d38cfbe7288c33807342091a6 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Mon, 17 Aug 2020 01:54:58 +0300
Subject: feat: add icon for closing drawer

---
 src/components/Drawer/Drawer.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/components/Drawer/Drawer.tsx')

diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index 9b416b0..81b2fbf 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>
-- 
cgit v1.2.3