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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +