aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/App.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/App.tsx')
-rw-r--r--webui/src/App.tsx65
1 files changed, 7 insertions, 58 deletions
diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index 6f66a6ec..16663870 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -1,68 +1,17 @@
-import AppBar from '@material-ui/core/AppBar';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import Toolbar from '@material-ui/core/Toolbar';
-import {
- createMuiTheme,
- ThemeProvider,
- makeStyles,
-} from '@material-ui/core/styles';
import React from 'react';
import { Route, Switch } from 'react-router';
-import { Link } from 'react-router-dom';
-import CurrentIdentity from './CurrentIdentity';
-import BugQuery from './bug/BugQuery';
-import ListQuery from './list/ListQuery';
-
-const theme = createMuiTheme({
- palette: {
- primary: {
- main: '#263238',
- },
- },
-});
-
-const useStyles = makeStyles(theme => ({
- offset: {
- ...theme.mixins.toolbar,
- },
- filler: {
- flexGrow: 1,
- },
- appTitle: {
- ...theme.typography.h6,
- color: 'white',
- textDecoration: 'none',
- display: 'flex',
- alignItems: 'center',
- },
- logo: {
- height: '42px',
- marginRight: theme.spacing(2),
- },
-}));
+import Layout from './layout';
+import BugPage from './pages/bug';
+import ListPage from './pages/list';
export default function App() {
- const classes = useStyles();
-
return (
- <ThemeProvider theme={theme}>
- <CssBaseline />
- <AppBar position="fixed" color="primary">
- <Toolbar>
- <Link to="/" className={classes.appTitle}>
- <img src="/logo.svg" className={classes.logo} alt="git-bug" />
- git-bug
- </Link>
- <div className={classes.filler}></div>
- <CurrentIdentity />
- </Toolbar>
- </AppBar>
- <div className={classes.offset} />
+ <Layout>
<Switch>
- <Route path="/" exact component={ListQuery} />
- <Route path="/bug/:id" exact component={BugQuery} />
+ <Route path="/" exact component={ListPage} />
+ <Route path="/bug/:id" exact component={BugPage} />
</Switch>
- </ThemeProvider>
+ </Layout>
);
}