docker-multiarch/openwrt-firmware-selector
1
0
Fork 0
mirror of https://git.netzspielplatz.de/docker-multiarch/openwrt-firmware-selector.git synced 2025-11-08 21:59:27 +00:00
Code Issues Projects Releases Wiki Activity

cleanup not-found component

Browse source
This commit is contained in:
Sudhanshu Gautam 2021-01-13 22:08:55 +05:30
parent db9f3c2c32
commit a0aedf1563
2 changed files with 13 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.tsx
View file

@ -29,7 +29,7 @@ const App: FunctionComponent = () => {
<Header /> <Header />
<Router> <Router>
<Switch> <Switch>
<Route path="" component={Home} /> <Route path="" exact component={Home} />
<Route default component={NotFound} /> <Route default component={NotFound} />
</Switch> </Switch>
</Router> </Router>

30
src/containers/not-found/not-found.tsx
View file

@ -1,25 +1,19 @@
import React, { FunctionComponent } from 'react'; import React, { FunctionComponent } from 'react';
import { Container, Paper, Typography } from '@material-ui/core'; import { Box, Container, Link, Paper, Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
const page404Styles = makeStyles((theme) => ({ const NotFound: FunctionComponent = () => (
root: { <Container style={{ marginTop: '50px' }}>
padding: theme.spacing(3, 2), <Paper elevation={3}>
}, <Box padding={3}>
}));
const NotFound: FunctionComponent = () => {
const classes = page404Styles();
return (
<Container style={{ marginTop: '50px' }}>
<Paper className={classes.root} elevation={3}>
<Typography variant="h5" component="h3"> <Typography variant="h5" component="h3">
404 Page Not Found 404 Page Not Found
</Typography> </Typography>
<Typography component="p">Please head to the home.</Typography> <Typography component="p">
</Paper> Please head to the <Link href={process.env.PUBLIC_URL}>home</Link>.
</Container> </Typography>
); </Box>
}; </Paper>
</Container>
);
export default NotFound; export default NotFound;