diff options
Diffstat (limited to 'src/index.js')
-rw-r--r-- | src/index.js | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/src/index.js b/src/index.js deleted file mode 100644 index 1aec963..0000000 --- a/src/index.js +++ /dev/null @@ -1,71 +0,0 @@ -import React, { useState } from 'react'; -import ReactDOM from 'react-dom'; - -import { makeStyles, Button } from '@material-ui/core'; - -import { - BenzinThemeProvider, - Header, - Window, - ContentSection, -} from './lib'; - -import icon from './lib/assets/icon.png'; -import icon2 from './lib/assets/icon2.svg'; -import HomeIcon from '@material-ui/icons/Home'; -import PlayCircleFilledWhiteIcon from '@material-ui/icons/PlayCircleFilledWhite'; -import ExploreIcon from '@material-ui/icons/Explore'; -import GitHubIcon from '@material-ui/icons/GitHub'; - - -const useStyles = makeStyles(theme => ({ - window: { - padding: theme.spacing(4), - } -})); - -const headerContents = { - home: <HomeIcon />, - 'getting started': <PlayCircleFilledWhiteIcon />, - explore: <ExploreIcon />, - contribute: <GitHubIcon />, -} - -const Icon1 = <img src={icon} width="32px" height="37px" alt="logo"/> -const Icon2 = <img src={icon2} height="32px" alt="logo"/> - -const App = () => { - const classes = useStyles(); - const [page, setPage] = useState('home'); - - return ( - <BenzinThemeProvider> - <Header - logo={{ - icon: Icon1, - title: 'BENZIN', - }} - contents={headerContents} - page={page} - setPage={setPage} - /> - <Window type="mono"> - <div className={classes.window}> - <ContentSection sectionName="Out of fuel? You've came to the right place!"> - <p> Here is some text about BENZIN library. </p> - <Button variant="contained" color="secondary"> - Charge me up! - </Button> - <Button variant="contained" color="primary"> - Learn more - </Button> - </ContentSection> - </div> - </Window> - </BenzinThemeProvider> - ); -}; - - -ReactDOM.render(<App />, document.getElementById('root')); - |