From daa73e736243aa0e3e2914c36a173cf8e5dda0f8 Mon Sep 17 00:00:00 2001
From: Benjamin POCHAT <benjamin.pochat@gmail.com>
Date: Tue, 9 Jan 2024 12:48:48 +0000
Subject: [PATCH] customer area style initialization

---
 .../app/src/layouts/customer/LayoutWrapper.js | 33 ++++++++++++++-----
 .../src/layouts/producer/AnonymousLayout.js   |  2 +-
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/frontend/app/src/layouts/customer/LayoutWrapper.js b/frontend/app/src/layouts/customer/LayoutWrapper.js
index 1425ead..5f9c3d6 100644
--- a/frontend/app/src/layouts/customer/LayoutWrapper.js
+++ b/frontend/app/src/layouts/customer/LayoutWrapper.js
@@ -1,14 +1,31 @@
-import { useKeycloak } from '@react-keycloak/web'
+
+import {AppBar, Box, CssBaseline, IconButton, Toolbar, Typography} from '@mui/material'
 
 export default function CustomerLayoutWrapper() {
 
-    const { keycloak, initialized } = useKeycloak()
 
-    if(process.env.REACT_APP_MOCK_API) {
-        return <div>Page client authentifié</div>
-    } else {
-        return keycloak.authenticated ? <div>Page client authentifié</div> : <div>Page client anonmye</div>
-    }
+    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>Bienvenu dans l'espace client de ViandeEnDirect.eu</Typography>
+            </Box>
+        </Box>
+    )
     
 }
-
diff --git a/frontend/app/src/layouts/producer/AnonymousLayout.js b/frontend/app/src/layouts/producer/AnonymousLayout.js
index 24a6653..366b595 100644
--- a/frontend/app/src/layouts/producer/AnonymousLayout.js
+++ b/frontend/app/src/layouts/producer/AnonymousLayout.js
@@ -29,7 +29,7 @@ function AnonymousLayout() {
                 position="fixed"
             >
                 <Toolbar>
-                    <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+                    <Typography variant="h5" component="div" sx={{ flexGrow: 1 }}>
                         Viande en direct
                     </Typography>
                 </Toolbar>