Added Not Found page (#25)

spietras · web-flow · commit 6358eb0d6f95 · 2024-04-05T23:59:48.000+02:00
diff --git a/src/src/Router.tsx b/src/src/Router.tsx
@@ -1,5 +1,5 @@
 import { RouterProvider, createBrowserRouter } from "react-router-dom";
-import { ErrorPage, IndexPage, Root } from "./pages";
+import { ErrorPage, IndexPage, NotFoundPage, Root } from "./pages";
 
 const router = createBrowserRouter(
   [
@@ -14,6 +14,11 @@ const router = createBrowserRouter(
         },
       ],
     },
+    {
+      path: "*",
+      element: <NotFoundPage />,
+      errorElement: <ErrorPage />,
+    },
   ],
   {
     basename: import.meta.env.BASE_URL,
diff --git a/src/src/config/labels.ts.jinja b/src/src/config/labels.ts.jinja
@@ -17,10 +17,15 @@ export const labels = {
         },
       },
     },
+    notFound: {
+      title: "Not Found • {{ appname }}",
+      description: "{{ appname }}",
+      text: "Page not found",
+    },
     error: {
       title: "Error • {{ appname }}",
       description: "{{ appname }}",
-      text: "Something went wrong.",
+      text: "Something went wrong",
     },
   },
 };
diff --git a/src/src/pages/NotFoundPage/NotFoundPage.tsx b/src/src/pages/NotFoundPage/NotFoundPage.tsx
@@ -0,0 +1,18 @@
+import { Title } from "@mantine/core";
+import { Head, PageLayout } from "../../components";
+import { labels } from "../../config/labels";
+import { NotFoundPageProps } from "./NotFoundPage.types";
+
+export function NotFoundPage({}: NotFoundPageProps) {
+  return (
+    <>
+      <Head
+        title={labels.pages.notFound.title}
+        description={labels.pages.notFound.description}
+      />
+      <PageLayout>
+        <Title>{labels.pages.notFound.text}</Title>
+      </PageLayout>
+    </>
+  );
+}
diff --git a/src/src/pages/NotFoundPage/NotFoundPage.types.ts b/src/src/pages/NotFoundPage/NotFoundPage.types.ts
@@ -0,0 +1,3 @@
+export type NotFoundPageProps = {
+  [key: string]: never;
+};
diff --git a/src/src/pages/NotFoundPage/index.ts b/src/src/pages/NotFoundPage/index.ts
@@ -0,0 +1,2 @@
+export * from "./NotFoundPage";
+export * from "./NotFoundPage.types";
diff --git a/src/src/pages/index.ts b/src/src/pages/index.ts
@@ -1,3 +1,4 @@
 export * from "./ErrorPage";
 export * from "./IndexPage";
+export * from "./NotFoundPage";
 export * from "./Root";

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export type NotFoundPageProps = {`
	`2`	`+ [key: string]: never;`
	`3`	`+};`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export * from "./NotFoundPage";`
	`2`	`+export * from "./NotFoundPage.types";`