Une erreur apparaît quand on essaie d'accéder à une page qui nécessit…

…e une authent si l'utilisateut n'est pas authentifié #46

backend/app/src/main/java/eu/viandeendirect/domains/registration/RegistrationsService.java

@@ -60,7 +60,7 @@ public ResponseEntity<Void> processRegistration(Registration registration) {
                                     <b>Description de la production :</b><br>
                                      %s<br>
                                 </div>
-                            </html>
+                            </html> 
                             """,
                             registration.getProducer().getUser().getFirstName(),
                             registration.getProducer().getUser().getLastName(),

frontend/app/src/layouts/ErrorLayout.tsx

@@ -1,6 +1,32 @@
-import { Typography } from "@mui/material";
+import { AppBar, Box, CssBaseline, Toolbar, Typography } from "@mui/material";
 import React from "react";
+import { useRouteError } from "react-router-dom";
 
 export function ErrorLayout({message: message}) {
-    return <Typography>{message}</Typography>
+
+    return (
+        <Box sx={{ display: 'flex' }}>
+            <CssBaseline />
+            <AppBar
+                position="fixed"
+                sx={{
+                    zIndex: (theme) => theme.zIndex.drawer + 1,
+                }}
+            >
+                <Toolbar>
+                    <Typography variant="h5" component="div" sx={{ flexGrow: 1 }}>
+                        Viande en direct
+                    </Typography>
+                </Toolbar>
+            </AppBar>
+            <Box component="main" sx={{ flexGrow: 1, p: 3 }}>
+                <Toolbar />
+                <Typography variant="h3">Oups... y a un soucis :(</Typography>
+                <Typography variant="h5">{message}</Typography>
+                <Typography sx={{marginTop: '1rem', marginBottom: '1rem'}} variant="h5">N'hésitez pas à nous signaler le problème</Typography>                
+                <Typography variant="h5"><a href='mailto:[email protected]'>Signaler le problème à [email protected]</a></Typography>
+                <Typography variant="h5"><a href='/..'>Revenir à la page d'accueil</a></Typography>
+            </Box>
+        </Box>
+    )
 }

frontend/app/src/layouts/customer/CustomerRouterFactory.tsx

@@ -8,6 +8,7 @@ import CustomerCreationForm, { loadCustomerCreationFormData } from "../../domain
 import NotAuthorizedForProducers, { loadNotAuthorizedForProducerData } from "../../authentication/views/NotAuthorizedForProducers.tsx";
 import Welcome, { loadWelcomeData } from "../../domains/welcome/Welcome.tsx";
 import PaymentLayout from "./PaymentLayout.tsx";
+import { ErrorLayout } from "../ErrorLayout.tsx";
 
 export class CustomerRouterFactory {
     getRouter(keycloak) {
@@ -16,6 +17,7 @@ export class CustomerRouterFactory {
                 path: "/",
                 element: <CustomerLayout/>,
                 loader: async () => loadCustomerLayoutData(keycloak),
+                errorElement: <ErrorLayout message=''/>,
                 children: [
                     {
                         index: true,

frontend/app/src/layouts/producer/ProducerRouterFactory.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { createBrowserRouter, Navigate } from "react-router-dom";
+import { createBrowserRouter, Navigate, useRouteError } from "react-router-dom";
 
 import AuthenticatedLayout, { loadAuthenticatedLayoutData } from "./AuthenticatedLayout.tsx";
 
@@ -18,6 +18,7 @@ import ProducerOrderForm, { loadProducerOrderFormData } from "../../domains/sale
 import CustomersList, { loadCustomersListData } from "../../domains/customer/views/CustomersList.tsx";
 import PublicationBeefProductionToSale, { loadPublicationBeefProductionToSaleData } from "../../domains/production/views/beefProduction/PublicationBeefProductionToSale.tsx";
 import RegistrationForm from "./RegistrationForm.tsx";
+import { ErrorLayout } from "../ErrorLayout.tsx";
 
 export class ProducerRouterFactory {
     getRouter(keycloak) {
@@ -26,6 +27,7 @@ export class ProducerRouterFactory {
             path: "/",
             element: <AuthenticatedLayout/>,
             loader: async () => loadAuthenticatedLayoutData(keycloak),
+            errorElement: <ErrorLayout message=''/>,
             children: [
                     {
                         index: true,
@@ -108,5 +110,4 @@ export class ProducerRouterFactory {
         ])
 
     }
-
-}
+}