diff options
author | Quentin Gliech <quentingliech@gmail.com> | 2018-07-22 01:13:06 +0200 |
---|---|---|
committer | Quentin Gliech <quentingliech@gmail.com> | 2018-07-22 01:13:06 +0200 |
commit | 6d8559048f9dcbac4ee9f65de54bda4cd1a7431c (patch) | |
tree | 4bf2bcb127924ed3265c68bd9beb4baa24def432 /webui/src/App.js | |
parent | 50fd2943acac8685db92a016ee3c9dbfc95842cf (diff) | |
download | git-bug-6d8559048f9dcbac4ee9f65de54bda4cd1a7431c.tar.gz |
webui: Basic bug list
Diffstat (limited to 'webui/src/App.js')
-rw-r--r-- | webui/src/App.js | 24 |
1 files changed, 17 insertions, 7 deletions
diff --git a/webui/src/App.js b/webui/src/App.js index 9cb3cdc7..1d6382e5 100644 --- a/webui/src/App.js +++ b/webui/src/App.js @@ -1,5 +1,7 @@ import React from "react"; import { withRouter, Switch, Route } from "react-router"; +import { Link } from "react-router-dom"; +import { withStyles } from "@material-ui/core/styles"; import AppBar from "@material-ui/core/AppBar"; import CssBaseline from "@material-ui/core/CssBaseline"; @@ -7,24 +9,32 @@ import Toolbar from "@material-ui/core/Toolbar"; import Typography from "@material-ui/core/Typography"; import BugPage from "./BugPage"; +import ListPage from "./ListPage"; -const Home = () => <h1>Home</h1>; +const styles = theme => ({ + appTitle: { + color: "white", + textDecoration: "none" + } +}); -const App = ({ location }) => ( +const App = ({ location, classes }) => ( <React.Fragment> <CssBaseline /> <AppBar position="static" color="primary"> <Toolbar> - <Typography variant="title" color="inherit"> - git-bug-webui(1) - </Typography> + <Link to="/" className={classes.appTitle}> + <Typography variant="title" color="inherit"> + git-bug-webui(1) + </Typography> + </Link> </Toolbar> </AppBar> <Switch> - <Route path="/" exact component={Home} /> + <Route path="/" exact component={ListPage} /> <Route path="/bug/:id" exact component={BugPage} /> </Switch> </React.Fragment> ); -export default withRouter(App); +export default withStyles(styles)(withRouter(App)); |