aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/About.tsx86
-rw-r--r--src/Dashboard.tsx3
-rw-r--r--src/Settings.tsx1
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';