diff options
Diffstat (limited to 'src/lib/components/Header')
| -rw-r--r-- | src/lib/components/Header/Header.js | 67 | 
1 files changed, 0 insertions, 67 deletions
| diff --git a/src/lib/components/Header/Header.js b/src/lib/components/Header/Header.js deleted file mode 100644 index 3ade7b3..0000000 --- a/src/lib/components/Header/Header.js +++ /dev/null @@ -1,67 +0,0 @@ -import React from 'react'; - -import { -  AppBar, -  Tabs, -  Tab, -  Typography, -  Toolbar, -} from '@material-ui/core'; - -import { makeStyles } from '@material-ui/core/styles'; - - -const useStyles = makeStyles(theme => ({ -  root: { -    background: theme.palette.background.elevation2, -    color: theme.palette.text.primary, -    paddingLeft: theme.spacing(3), -  }, -  logo: { -    margin: theme.spacing(0, 3, 0, 1), -  }, -  tab: { -    '& .MuiTab-wrapper': { -      padding: theme.spacing(2), -      flexDirection: 'row', -      fontSize: '0.8125rem', -      '& svg': { -        marginRight: theme.spacing(1), -        marginBottom: '0 !important', -      } -    } -  } -})); - - -const Header = ({ logo, contents, page, setPage }) => { -  const classes = useStyles(); - -  const handleChange = (event, newPage) => { -    setPage(newPage); -  }; - -  return ( -  <AppBar position="sticky" className={classes.root}> -    <Toolbar> -      {logo.icon} -      <Typography variant="h5" className={classes.logo} color="primary"> -        {logo.title} -      </Typography> -      <Tabs onChange={handleChange} value={page}> -        {contents && Object.keys(contents).map(item => ( -          <Tab -            label={item} -            icon={contents[item]} -            value={item} -            className={classes.tab} -            key={item} -          /> -        ))} -      </Tabs> -    </Toolbar> -  </AppBar> -  ); -}; - -export default Header; | 
