diff options
Diffstat (limited to 'examples/with-gatsby/apps/web/src/pages/404.tsx')
| -rw-r--r-- | examples/with-gatsby/apps/web/src/pages/404.tsx | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/examples/with-gatsby/apps/web/src/pages/404.tsx b/examples/with-gatsby/apps/web/src/pages/404.tsx deleted file mode 100644 index 68a3a72..0000000 --- a/examples/with-gatsby/apps/web/src/pages/404.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import * as React from "react"; -import { Link, HeadFC, PageProps } from "gatsby"; - -const pageStyles = { - color: "#232129", - padding: "96px", - fontFamily: "-apple-system, Roboto, sans-serif, serif", -}; -const headingStyles = { - marginTop: 0, - marginBottom: 64, - maxWidth: 320, -}; - -const paragraphStyles = { - marginBottom: 48, -}; -const codeStyles = { - color: "#8A6534", - padding: 4, - backgroundColor: "#FFF4DB", - fontSize: "1.25rem", - borderRadius: 4, -}; - -const NotFoundPage: React.FC<PageProps> = () => { - return ( - <main style={pageStyles}> - <h1 style={headingStyles}>Page not found</h1> - <p style={paragraphStyles}> - Sorry 😔, we couldn’t find what you were looking for. - <br /> - {process.env.NODE_ENV === "development" ? ( - <> - <br /> - Try creating a page in <code style={codeStyles}>src/pages/</code>. - <br /> - </> - ) : null} - <br /> - <Link to="/">Go home</Link>. - </p> - </main> - ); -}; - -export default NotFoundPage; - -export const Head: HeadFC = () => <title>Not found</title>; |
