diff options
author | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 15:56:29 +0300 |
---|---|---|
committer | ilyayudovin <ilyayudovin123@gmail.com> | 2020-06-14 16:03:35 +0300 |
commit | 3c3223c3b41411639ff19ebd58df569cf17999ca (patch) | |
tree | 0cdf433d3b718e5f87a286dd01159da431189a9e /src/Header/Header.tsx | |
parent | 99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff) | |
download | which-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz |
divide src into Pages and Components directories
Diffstat (limited to 'src/Header/Header.tsx')
-rw-r--r-- | src/Header/Header.tsx | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx deleted file mode 100644 index 0ee6b5f..0000000 --- a/src/Header/Header.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import React from 'react'; -import { - AppBar, - Toolbar, - IconButton, - Typography -} from '@material-ui/core'; -import { makeStyles } from '@material-ui/core/styles'; -import AccountCircle from '@material-ui/icons/AccountCircle'; -import NotificationsIcon from '@material-ui/icons/Notifications'; -import HomeIcon from '@material-ui/icons/Home'; - -import SearchBar from './SearchBar'; - -interface PropTypes { - setPage: (newPage: string) => void; -} - -const useStyles = makeStyles({ - root: { - display: 'flex', - justifyContent: 'space-around', - width: '60%', - margin: 'auto' - }, - logo: { - fontWeight: 'bold' - } -}); - -const Header: React.FC<PropTypes> = ({ setPage }) => { - const classes = useStyles(); - - const handleHome = (): void => { - setPage('feed'); - }; - - const handleProfile = (): void => { - setPage('profile'); - }; - - const handleNotifications = (): void => {}; - - return ( - <AppBar position="fixed"> - <Toolbar className={classes.root}> - <Typography variant="h5" className={classes.logo}> - Which - </Typography> - <SearchBar /> - <div> - <IconButton onClick={handleHome}> - <HomeIcon /> - </IconButton> - <IconButton onClick={handleNotifications}> - <NotificationsIcon /> - </IconButton> - <IconButton onClick={handleProfile}> - <AccountCircle /> - </IconButton> - </div> - </Toolbar> - </AppBar> - ); -}; - -export default Header; - |