diff options
Diffstat (limited to 'src/components/Header.js')
-rw-r--r-- | src/components/Header.js | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/src/components/Header.js b/src/components/Header.js deleted file mode 100644 index cca73ed..0000000 --- a/src/components/Header.js +++ /dev/null @@ -1,42 +0,0 @@ -import React from "react"; -import { - AppBar, - Tabs, - Tab, - Typography -} from "@material-ui/core"; -import styled from 'styled-components'; - -const Header = ({ setPage }) => { - - const handleChange = (event, newPage) => { - setPage(newPage); - }; - - return ( - <AppBar position="static"> - <TabsWrapper onChange={handleChange}> - <Typography variant="h4" id="logo"> ChronoCube </Typography> - <Tab label="Home" value="home"/> - <Tab label="App" value="app"/> - <Tab label="Scoreboard" value="scoreboard"/> - <Tab label="News" value="news"/> - </TabsWrapper> - </AppBar> - ); -}; - -const TabsWrapper = styled(Tabs)` - border-bottom: 1px solid black; - & .MuiTab-wrapper { - padding: 10px; - } - & .MuiTypography-root { - font-weight: bold; - padding: 10px; - margin-right: 50px; - margin-left: 30px; - } -`; - -export default Header; |