From a359eb0daf34ad74793f513205b8970c07466d22 Mon Sep 17 00:00:00 2001 From: Benoit Serrano Date: Wed, 25 Sep 2024 13:15:55 +0200 Subject: [PATCH] add design lost page --- src/Pages/NotFound.tsx | 24 +++++++++++++++++- src/Pages/layout.css | 1 + src/assets/connectionLost.svg | 46 +++++++++++++++++++++++++++++++++++ 3 files changed, 70 insertions(+), 1 deletion(-) create mode 100644 src/assets/connectionLost.svg diff --git a/src/Pages/NotFound.tsx b/src/Pages/NotFound.tsx index 394702e..38eede4 100644 --- a/src/Pages/NotFound.tsx +++ b/src/Pages/NotFound.tsx @@ -1,5 +1,27 @@ +import Button from "@codegouvfr/react-dsfr/Button"; +import ConnectionLost from "../assets/connectionLost.svg"; + +import { useNavigate } from "react-router-dom"; + function NotFound() { - return
ERROR
; + let navigate = useNavigate(); + return ( +
+
+
+

Page non trouvée

+

+ Nous n'arrivons pas à trouver la page que vous souhaitez afficher. +

+ + +
+
+ +
+
+
+ ); } export default NotFound; diff --git a/src/Pages/layout.css b/src/Pages/layout.css index 2aae72b..5ae0b30 100644 --- a/src/Pages/layout.css +++ b/src/Pages/layout.css @@ -28,6 +28,7 @@ body { } .centered-content { + display: flex; justify-content: center; } diff --git a/src/assets/connectionLost.svg b/src/assets/connectionLost.svg new file mode 100644 index 0000000..7442af5 --- /dev/null +++ b/src/assets/connectionLost.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +