From caa7062f3feba2726c27861d7bc7ec6dfc331f52 Mon Sep 17 00:00:00 2001
From: Benoit Serrano <benoit.serrano10@gmail.com>
Date: Wed, 25 Sep 2024 12:57:13 +0200
Subject: [PATCH] add not found page

---
 src/Pages/NotFound.tsx |   5 ++
 src/routes/Router.tsx  | 160 ++++++++++++++++++++++-------------------
 2 files changed, 90 insertions(+), 75 deletions(-)
 create mode 100644 src/Pages/NotFound.tsx

diff --git a/src/Pages/NotFound.tsx b/src/Pages/NotFound.tsx
new file mode 100644
index 0000000..394702e
--- /dev/null
+++ b/src/Pages/NotFound.tsx
@@ -0,0 +1,5 @@
+function NotFound() {
+  return <div>ERROR</div>;
+}
+
+export default NotFound;
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
index 6d6a1da..dcabb9c 100644
--- a/src/routes/Router.tsx
+++ b/src/routes/Router.tsx
@@ -10,87 +10,97 @@ import Stats from "../Pages/Stats";
 import EligibilityTest from "../Pages/Eligibility/EligibilityTest";
 import { PublicResult } from "../Pages/Eligibility/PublicResult";
 import { PrivateResult } from "../Pages/Eligibility/PrivateResult";
+import NotFound from "../Pages/NotFound";
 
 const router = createBrowserRouter([
   {
-    path: "/",
-    element: (
+    errorElement: (
       <WrapperLayout>
-        <HomeLayout />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/services",
-    element: (
-      <WrapperLayout>
-        <Services></Services>
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/eligibilite",
-    element: (
-      <WrapperLayout>
-        <EligibilityTest />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/eligibilite/public",
-    element: (
-      <WrapperLayout>
-        <PublicResult />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/eligibilite/private",
-    element: (
-      <WrapperLayout>
-        <PrivateResult />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/feuille-de-route",
-    element: (
-      <WrapperLayout>
-        <Roadmap></Roadmap>
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/plan-du-site",
-    element: (
-      <WrapperLayout>
-        <SiteMap />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/cgu",
-    element: (
-      <WrapperLayout>
-        <Cgu />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/mentions-legales",
-    element: (
-      <WrapperLayout>
-        <LegalNotices />
-      </WrapperLayout>
-    ),
-  },
-  {
-    path: "/stats",
-    element: (
-      <WrapperLayout>
-        <Stats />
+        <NotFound />
       </WrapperLayout>
     ),
+    children: [
+      {
+        path: "/",
+        element: (
+          <WrapperLayout>
+            <HomeLayout />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/services",
+        element: (
+          <WrapperLayout>
+            <Services></Services>
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/eligibilite",
+        element: (
+          <WrapperLayout>
+            <EligibilityTest />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/eligibilite/public",
+        element: (
+          <WrapperLayout>
+            <PublicResult />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/eligibilite/private",
+        element: (
+          <WrapperLayout>
+            <PrivateResult />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/feuille-de-route",
+        element: (
+          <WrapperLayout>
+            <Roadmap></Roadmap>
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/plan-du-site",
+        element: (
+          <WrapperLayout>
+            <SiteMap />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/cgu",
+        element: (
+          <WrapperLayout>
+            <Cgu />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/mentions-legales",
+        element: (
+          <WrapperLayout>
+            <LegalNotices />
+          </WrapperLayout>
+        ),
+      },
+      {
+        path: "/stats",
+        element: (
+          <WrapperLayout>
+            <Stats />
+          </WrapperLayout>
+        ),
+      },
+    ],
   },
 ]);