diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/About.tsx | 86 | ||||
| -rw-r--r-- | src/Dashboard.tsx | 3 | ||||
| -rw-r--r-- | src/Settings.tsx | 1 |
3 files changed, 89 insertions, 1 deletions
diff --git a/src/About.tsx b/src/About.tsx new file mode 100644 index 0000000..9aae40c --- /dev/null +++ b/src/About.tsx @@ -0,0 +1,86 @@ +import React from 'react'; +import { Theme, withStyles, StyleRules } from '@material-ui/core/styles'; +import Typography from '@material-ui/core/Typography'; +import Link from '@material-ui/core/Link'; +import List from '@material-ui/core/List'; +import ListItem from '@material-ui/core/ListItem'; + +const styles = (theme: Theme): StyleRules => ({ + infoField: { + fontWeight: theme.typography.fontWeightMedium, + paddingRight: 14, + }, + body: { + margin: '0 auto', + width: 800, + fontSize: 16 + }, + pre: { + fontFamily: "Monospace" + } +}); + +type AboutProps = { + classes: { + infoField: string, + body: string, + pre: string + } +}; + +function About(props: AboutProps) { + const { classes } = props; + return ( + <div className={classes.body}> + <article> + The MIT License (MIT) + <p>Copyright 2019 Maofan "Ted" Yin</p> + + <p>Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions:</p> + + <p>The above copyright notice and this permission notice shall be included in + all copies or substantial portions of the Software.</p> + + <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + THE SOFTWARE.</p> + </article> + <List disablePadding> + <ListItem> + <span className={classes.infoField}>Email:</span> + 73d at tedyin dot com + </ListItem> + <ListItem> + <span className={classes.infoField}>GitHub:</span> + <Link href="https://github.com/Determinant/chromicle" target="_blank" rel="noopener"> + Determinant/chromicle + </Link> + </ListItem> + <ListItem> + <span className={classes.infoField}>About Me:</span> + <Link href="https://www.cs.cornell.edu/~tedyin/" target="_blank" rel="noopener"> + https://www.cs.cornell.edu/~tedyin/ + </Link> + </ListItem> + <ListItem> + <span className={classes.infoField}>Buy me a cup of coffee:</span> + <List className={classes.pre} disablePadding> + <ListItem>Ether: 0xFEeed0f0BA87824819aabfa789f41FA2dd9ad81e</ListItem> + <ListItem>Bitcoin: 1CbVBB6Gv7WP4u39wsN416SJrjmvQDjggw</ListItem> + </List> + </ListItem> + </List> + </div> + ); +} + +export default withStyles(styles)(About); diff --git a/src/Dashboard.tsx b/src/Dashboard.tsx index f514b38..f9e7274 100644 --- a/src/Dashboard.tsx +++ b/src/Dashboard.tsx @@ -16,6 +16,7 @@ import { theme } from './theme'; import Logo from './Logo'; import Analyze from './Analyze'; import Settings from './Settings'; +import About from './About'; const styles = (theme: Theme) => ({ root: { @@ -103,6 +104,7 @@ class DashboardTabs extends React.Component<DashboardTabsProps> { onChange={this.handleChangeTab}> <Tab label="Settings" {...{component: Link, to: "/settings"} as any} value="/settings" /> <Tab label="Analyze" {...{component: Link, to: "/analyze"} as any} value="/analyze" /> + <Tab label="About" {...{component: Link, to: "/about"} as any} value="/about" /> </Tabs> </Toolbar> </AppBar> @@ -124,6 +126,7 @@ class DashboardTabs extends React.Component<DashboardTabsProps> { {console.log(location)} <Route exact path="/settings" component={Settings} /> <Route exact path="/analyze" component={Analyze} /> + <Route exact path="/about" component={About} /> <Route exact path="/" render={() => <Redirect to="/settings" />}/> </Switch> </div> diff --git a/src/Settings.tsx b/src/Settings.tsx index d5ca681..bfc2441 100644 --- a/src/Settings.tsx +++ b/src/Settings.tsx @@ -1,7 +1,6 @@ import React from 'react'; import classNames from 'classnames'; import { Theme, withStyles, StyleRules } from '@material-ui/core/styles'; -import Typography from '@material-ui/core/Typography'; import Button from '@material-ui/core/Button'; import FormControl from '@material-ui/core/FormControl'; import FormGroup from '@material-ui/core/FormGroup'; |