diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-02-03 16:31:48 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-02-03 17:20:17 +0300 |
commit | 9ff003bec107a4934daf2a3cee73c40ec72e6999 (patch) | |
tree | dd5fbe9f80f6ffeca4650b72d8b2f50142d1188b /src/index.js | |
parent | cc6c8e9109f1807ce48b061fa497535ab9f674e8 (diff) | |
download | react-benzin-9ff003bec107a4934daf2a3cee73c40ec72e6999.tar.gz |
feat: migrate SmartList to Typescript
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 d0a96a1..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 './assets/icon.png'; -import icon2 from './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')); - |