diff options
| author | Kevin Hoerr <kjhoerr@protonmail.com> | 2022-11-21 18:19:16 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-21 18:19:16 -0500 |
| commit | 651f019141b488a82fd42028bce5b0003abbfaf5 (patch) | |
| tree | 5be06913d021752cb0a1d3f809f66b27359619c5 /src/pages/404.tsx | |
| parent | 6ec00afac5afc892dca5a184b66467d9408f14a5 (diff) | |
| download | submelon.dev-651f019141b488a82fd42028bce5b0003abbfaf5.tar.gz submelon.dev-651f019141b488a82fd42028bce5b0003abbfaf5.tar.bz2 submelon.dev-651f019141b488a82fd42028bce5b0003abbfaf5.zip | |
Layout changes (#15)
* Layout refactor and standardization
* Use split to condense short array
* Fix verbage
Diffstat (limited to 'src/pages/404.tsx')
| -rw-r--r-- | src/pages/404.tsx | 35 |
1 files changed, 16 insertions, 19 deletions
diff --git a/src/pages/404.tsx b/src/pages/404.tsx index 0a593d6..d8d27cb 100644 --- a/src/pages/404.tsx +++ b/src/pages/404.tsx @@ -1,26 +1,23 @@ -import * as React from "react"; -import BlockLink from "../components/BlockLink"; -import { BlockBody, BlockHeader, Content } from "../styles"; +import React from "react"; +import { BlockLink, Layout } from "../components"; +import { BlockBody, BlockHeader } from "../styles"; import "../styles/main.css"; -// markup const NotFoundPage = (): React.ReactElement => { return ( - <main> - <Content> - <BlockHeader>Not found</BlockHeader> - <BlockBody> - Sorry{" "} - <span role="img" aria-label="Pensive emoji"> - 😔 - </span>{" "} - we couldn't find what you were looking for. - </BlockBody> - <BlockLink href="/" aria-label="Return to the front page"> - Home - </BlockLink> - </Content> - </main> + <Layout> + <BlockHeader>Not found</BlockHeader> + <BlockBody> + Sorry{" "} + <span role="img" aria-label="Pensive emoji"> + 😔 + </span>{" "} + we couldn't find what you were looking for. + </BlockBody> + <BlockLink href="/" aria-label="Return to the front page"> + Home + </BlockLink> + </Layout> ); }; |