aboutsummaryrefslogtreecommitdiff
path: root/src/Header/Header.tsx
diff options
context:
space:
mode:
authorilyayudovin <ilyayudovin123@gmail.com>2020-06-14 15:56:29 +0300
committerilyayudovin <ilyayudovin123@gmail.com>2020-06-14 16:03:35 +0300
commit3c3223c3b41411639ff19ebd58df569cf17999ca (patch)
tree0cdf433d3b718e5f87a286dd01159da431189a9e /src/Header/Header.tsx
parent99b44bc80fa3228131a05fccb13f75ff8a46b116 (diff)
downloadwhich-ui-3c3223c3b41411639ff19ebd58df569cf17999ca.tar.gz
divide src into Pages and Components directories
Diffstat (limited to 'src/Header/Header.tsx')
-rw-r--r--src/Header/Header.tsx68
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;
-