diff options
author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-08-17 01:54:58 +0300 |
---|---|---|
committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-08-17 01:54:58 +0300 |
commit | 6acc5d4038abce3d38cfbe7288c33807342091a6 (patch) | |
tree | 5eccd3594014d231eb37e09992b6dab3ebfb5401 /src/components/Drawer/Drawer.tsx | |
parent | a2288ab4786d9886245df6c92b4fbbe5be0e7a5f (diff) | |
download | which-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.tsx | 10 |
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> |