customer area style initialization

benjaminpochat · Jan 9, 2024 · daa73e7 · daa73e7
1 parent 27dd17f
commit daa73e7
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 9 deletions.
diff --git 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
@@ -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>