ruidy/melon_frontend
1
0
Fork 0
mirror of https://github.com/rjNemo/melon_frontend synced 2026-06-12 13:26:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: 404 page

Browse source
This commit is contained in:
Ruidy 2021-07-15 17:48:34 +02:00
parent 3343e3595e
commit 25d43fac6a
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/Router.tsx
View file

@ -4,14 +4,14 @@ import BillsPage from './pages/bills';
import HomePage from './pages/home'; import HomePage from './pages/home';
import NotFoundPage from './pages/notFound'; import NotFoundPage from './pages/notFound';
type Config = { type RouteConfig = {
path: string; path: string;
component: ({ ...props }: any) => JSX.Element; component: ({ ...props }: any) => JSX.Element;
exact?: boolean; exact?: boolean;
}; };
export default function Router() { export default function Router() {
const routes: Config[] = [ const routes: RouteConfig[] = [
{ {
path: '/', path: '/',
component: HomePage, component: HomePage,

BIN
src/assets/notFound/404.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 103 KiB

17
src/pages/notFound.tsx
View file

@ -1,7 +1,22 @@
import { Button, Col, Image, Row } from 'antd';
import { useHistory } from 'react-router-dom';
import NotFoundImage from '../assets/notFound/404.png';
import { withLayout } from '../layouts/main'; import { withLayout } from '../layouts/main';
function NotFoundPage() { function NotFoundPage() {
return <div>Hoho</div>; const history = useHistory();
return (
<Col>
<Row justify="center">
<Button size="large" type="link" onClick={() => history.push('/')}>
Go Back to Safety
</Button>
</Row>
<Row justify="center">
<Image src={NotFoundImage} preview={false} width={800} />
</Row>
</Col>
);
} }
export default withLayout(NotFoundPage); export default withLayout(NotFoundPage);