From cb4c78bd4ea3c79c5cacbfd474ecddcf8db658ef Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 6 Jun 2020 22:05:34 +0300 Subject: feat: implement basic header --- src/Header/Header.tsx | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 src/Header/Header.tsx (limited to 'src/Header') diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx new file mode 100644 index 0000000..fd2620c --- /dev/null +++ b/src/Header/Header.tsx @@ -0,0 +1,50 @@ +import React from 'react'; +import { + AppBar, + Toolbar, + Tabs, + Tab +} from '@material-ui/core'; +import { makeStyles } from '@material-ui/core/styles'; + +interface PropTypes { + page: string; + setPage: (newPage: string) => void; +} + +const useStyles = makeStyles(theme => ({ + tab: { + '& .MuiTab-wrapper': { + padding: theme.spacing(2), + flexDirection: 'row', + fontSize: '0.8125rem' + } + } +})); + +const tabs = ["Profile", "Feed"]; + +const Header: React.FC = ({ page, setPage }) => { + const classes = useStyles(); + + const handleChange = () => {} + + return ( + + + + {tabs.map((tab: string) => ( + + ))} + + + + ) +}; + +export default Header; + -- cgit v1.2.3