From dbe02147d5d5cf3c1e066e7b44314002d216fca1 Mon Sep 17 00:00:00 2001
From: Adeynack <Adeynack@users.noreply.github.com>
Date: Tue, 15 Oct 2024 16:18:53 +0000
Subject: [PATCH] basic not-found page

---
 client/src/AppRouter.tsx      |  2 ++
 client/src/pages/NotFound.tsx | 13 +++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 client/src/pages/NotFound.tsx

diff --git a/client/src/AppRouter.tsx b/client/src/AppRouter.tsx
index 194177dc..a38fc7c9 100644
--- a/client/src/AppRouter.tsx
+++ b/client/src/AppRouter.tsx
@@ -12,6 +12,7 @@ import {
   currentUserSubPath,
 } from "./models/paths";
 import { BooksLayout } from "./pages/books/BooksLayout";
+import { NotFound } from "./pages/NotFound";
 
 export function AppRouter() {
   return (
@@ -51,6 +52,7 @@ export function AppRouter() {
             key="user"
             element={<CurrentUserShow />}
           />
+          <Route path="*" key="notFound" element={<NotFound />} />
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/client/src/pages/NotFound.tsx b/client/src/pages/NotFound.tsx
new file mode 100644
index 00000000..bb412b39
--- /dev/null
+++ b/client/src/pages/NotFound.tsx
@@ -0,0 +1,13 @@
+import { Link } from "react-router-dom";
+import { rootPath } from "../models/paths";
+
+export function NotFound() {
+  return (
+    <div>
+      <p>The page at this address was not found.</p>
+      <p>
+        <Link to={rootPath}>Return to main page</Link>
+      </p>
+    </div>
+  );
+}