aboutsummaryrefslogtreecommitdiff
path: root/src/components/Drawer/Drawer.tsx
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-08-17 01:54:58 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-08-17 01:54:58 +0300
commit6acc5d4038abce3d38cfbe7288c33807342091a6 (patch)
tree5eccd3594014d231eb37e09992b6dab3ebfb5401 /src/components/Drawer/Drawer.tsx
parenta2288ab4786d9886245df6c92b4fbbe5be0e7a5f (diff)
downloadwhich-ui-6acc5d4038abce3d38cfbe7288c33807342091a6.tar.gz
feat: add icon for closing drawer
Diffstat (limited to 'src/components/Drawer/Drawer.tsx')
-rw-r--r--src/components/Drawer/Drawer.tsx10
1 files changed, 9 insertions, 1 deletions
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>