1import AppBar from '@material-ui/core/AppBar';
 2import CssBaseline from '@material-ui/core/CssBaseline';
 3import { withStyles } from '@material-ui/core/styles';
 4import Toolbar from '@material-ui/core/Toolbar';
 5import Typography from '@material-ui/core/Typography';
 6import React from 'react';
 7import { Route, Switch, withRouter } from 'react-router';
 8import { Link } from 'react-router-dom';
 9
10import BugQuery from './bug/BugQuery';
11import ListQuery from './list/ListQuery';
12
13const styles = theme => ({
14  appTitle: {
15    color: 'white',
16    textDecoration: 'none',
17  },
18});
19
20const App = ({ location, classes }) => (
21  <React.Fragment>
22    <CssBaseline />
23    <AppBar position="static" color="primary">
24      <Toolbar>
25        <Link to="/" className={classes.appTitle}>
26          <Typography variant="title" color="inherit">
27            git-bug webui
28          </Typography>
29        </Link>
30      </Toolbar>
31    </AppBar>
32    <Switch>
33      <Route path="/" exact component={ListQuery} />
34      <Route path="/bug/:id" exact component={BugQuery} />
35    </Switch>
36  </React.Fragment>
37);
38
39export default withStyles(styles)(withRouter(App));