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