aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/App.js
diff options
context:
space:
mode:
authorQuentin Gliech <quentingliech@gmail.com>2018-07-22 01:13:06 +0200
committerQuentin Gliech <quentingliech@gmail.com>2018-07-22 01:13:06 +0200
commit6d8559048f9dcbac4ee9f65de54bda4cd1a7431c (patch)
tree4bf2bcb127924ed3265c68bd9beb4baa24def432 /webui/src/App.js
parent50fd2943acac8685db92a016ee3c9dbfc95842cf (diff)
downloadgit-bug-6d8559048f9dcbac4ee9f65de54bda4cd1a7431c.tar.gz
webui: Basic bug list
Diffstat (limited to 'webui/src/App.js')
-rw-r--r--webui/src/App.js24
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));