diff options
| author | Eugene Sokolov <eug-vs@keemail.me> | 2020-08-13 17:27:32 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-13 17:27:32 +0300 |
| commit | d1e0dcd8538a61184eca50fbf7769c6d2943ff6b (patch) | |
| tree | 9c2ba42d34e469d292fc1fe807e3f814a872a69e /src/components/Header/BrowserHeader.tsx | |
| parent | 2dc5fc00347256982136deea98d483c444002595 (diff) | |
| parent | 52799ec4e4cd5801423ee0d2aa56039c061afdb4 (diff) | |
| download | which-ui-d1e0dcd8538a61184eca50fbf7769c6d2943ff6b.tar.gz | |
Merge pull request #78 from which-ecosystem/redesign
Move PollSubmission to separate page and add FAB
Diffstat (limited to 'src/components/Header/BrowserHeader.tsx')
| -rw-r--r-- | src/components/Header/BrowserHeader.tsx | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/src/components/Header/BrowserHeader.tsx b/src/components/Header/BrowserHeader.tsx index 2dda717..2acb69c 100644 --- a/src/components/Header/BrowserHeader.tsx +++ b/src/components/Header/BrowserHeader.tsx @@ -5,6 +5,7 @@ import SearchBar from './SearchBar'; interface PropTypes { logo: JSX.Element; + menu: JSX.Element; feed: JSX.Element; notifications: JSX.Element; profile: JSX.Element; @@ -18,7 +19,8 @@ const useStyles = makeStyles({ justifyContent: 'space-around' }, group: { - display: 'flex' + display: 'flex', + alignItems: 'center' } }); @@ -27,6 +29,7 @@ const BrowserHeader: React.FC<PropTypes> = React.memo(props => { const classes = useStyles(); const { logo, + menu, feed, notifications, profile @@ -34,13 +37,18 @@ const BrowserHeader: React.FC<PropTypes> = React.memo(props => { return ( <AppBar position="fixed"> - <Toolbar className={classes.root}> - {logo} - <SearchBar /> - <div className={classes.group}> - {feed} - {notifications} - {profile} + <Toolbar> + {menu} + <div className={classes.root}> + <div className={classes.group}> + {logo} + </div> + <SearchBar /> + <div className={classes.group}> + {feed} + {notifications} + {profile} + </div> </div> </Toolbar> </AppBar> |