add not found page

numerique-gouv · Sep 25, 2024 · caa7062 · caa7062
1 parent 1e3f09f
commit caa7062
Show file tree

Hide file tree

Showing 2 changed files with 90 additions and 75 deletions.
diff --git a/src/Pages/NotFound.tsx 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
@@ -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>
+        ),
+      },
+    ],
   },
 ]);