diff options
author | Lena <lena.becker-3@mni.thm.de> | 2021-02-28 02:58:53 +0100 |
---|---|---|
committer | Sascha <GlancingMind@outlook.com> | 2021-03-15 16:35:14 +0100 |
commit | cdf655f869bd0993b52f4268f058571740b1cf4d (patch) | |
tree | 75889b23ebacc9a9b82f49b3e4acf843788fa3e1 /webui/src | |
parent | c223c75c11f3ec903413207dd275152e1ec97fcc (diff) | |
download | git-bug-cdf655f869bd0993b52f4268f058571740b1cf4d.tar.gz |
Add 404 page #10
Diffstat (limited to 'webui/src')
-rw-r--r-- | webui/src/App.tsx | 2 | ||||
-rw-r--r-- | webui/src/components/Header/Header.tsx | 7 | ||||
-rw-r--r-- | webui/src/pages/notfound/NotFoundPage.tsx | 37 |
3 files changed, 39 insertions, 7 deletions
diff --git a/webui/src/App.tsx b/webui/src/App.tsx index b9ade974..4c81913c 100644 --- a/webui/src/App.tsx +++ b/webui/src/App.tsx @@ -5,6 +5,7 @@ import Layout from './components/Header'; import BugPage from './pages/bug'; import ListPage from './pages/list'; import NewBugPage from './pages/new/NewBugPage'; +import NotFoundPage from './pages/notfound/NotFoundPage'; export default function App() { return ( @@ -13,6 +14,7 @@ export default function App() { <Route path="/" exact component={ListPage} /> <Route path="/new" exact component={NewBugPage} /> <Route path="/bug/:id" exact component={BugPage} /> + <Route component={NotFoundPage} /> </Switch> </Layout> ); diff --git a/webui/src/components/Header/Header.tsx b/webui/src/components/Header/Header.tsx index cdac0f0e..3bdb252f 100644 --- a/webui/src/components/Header/Header.tsx +++ b/webui/src/components/Header/Header.tsx @@ -29,13 +29,6 @@ const useStyles = makeStyles((theme) => ({ height: '42px', marginRight: theme.spacing(2), }, - greenButton: { - backgroundColor: '#2ea44fd9', - color: '#fff', - '&:hover': { - backgroundColor: '#2ea44f', - }, - }, })); function Header() { diff --git a/webui/src/pages/notfound/NotFoundPage.tsx b/webui/src/pages/notfound/NotFoundPage.tsx new file mode 100644 index 00000000..ae84ac3e --- /dev/null +++ b/webui/src/pages/notfound/NotFoundPage.tsx @@ -0,0 +1,37 @@ +import React from 'react'; + +import { makeStyles } from '@material-ui/core/styles'; + +const useStyles = makeStyles((theme) => ({ + main: { + maxWidth: 1000, + margin: 'auto', + marginTop: theme.spacing(20), + }, + logo: { + height: '350px', + }, + container: { + display: 'flex', + alignItems: 'center', + }, +})); + +function NotFoundPage() { + const classes = useStyles(); + return ( + <main className={classes.main}> + <div className={classes.container}> + <h1>404 – Page not found</h1> + <img + src="/logo-alpha-flat-outline.svg" + className={classes.logo} + alt="git-bug" + /> + <h1>Go back to start page</h1> + </div> + </main> + ); +} + +export default NotFoundPage; |