diff options
author | ludovicm67 <ludovicmuller1@gmail.com> | 2020-01-31 12:18:19 +0100 |
---|---|---|
committer | Quentin Gliech <quentingliech@gmail.com> | 2020-02-11 20:54:36 +0100 |
commit | aea42344ded1708361e7e1d577e9c6aa370ad64e (patch) | |
tree | ea9e14c64027155d43b5896b083d7b86bc9ae382 /webui/src/App.js | |
parent | f105f3bbdfd7b0fb2aa2ddd54719eba725cd5e07 (diff) | |
download | git-bug-aea42344ded1708361e7e1d577e9c6aa370ad64e.tar.gz |
webui: transform index and App to TypeScript
Diffstat (limited to 'webui/src/App.js')
-rw-r--r-- | webui/src/App.js | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/webui/src/App.js b/webui/src/App.js deleted file mode 100644 index b9c57327..00000000 --- a/webui/src/App.js +++ /dev/null @@ -1,63 +0,0 @@ -import AppBar from '@material-ui/core/AppBar'; -import CssBaseline from '@material-ui/core/CssBaseline'; -import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'; -import { makeStyles } from '@material-ui/styles'; -import Toolbar from '@material-ui/core/Toolbar'; -import React from 'react'; -import { Route, Switch } from 'react-router'; -import { Link } from 'react-router-dom'; - -import BugQuery from './bug/BugQuery'; -import ListQuery from './list/ListQuery'; -import CurrentIdentity from './CurrentIdentity'; - -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), - }, -})); - -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} /> - <Switch> - <Route path="/" exact component={ListQuery} /> - <Route path="/bug/:id" exact component={BugQuery} /> - </Switch> - </ThemeProvider> - ); -} |