From 7b77ee2fc212b488c4ebe92316f37bc19ad59c51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Thu, 20 Jun 2024 14:06:07 +0400
Subject: [PATCH] Create dashboard page

---
 app/dashboard/page.js      | 14 ++++++++++++++
 components/session/sign.js | 20 ++++++++++++++------
 2 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 app/dashboard/page.js

diff --git a/app/dashboard/page.js b/app/dashboard/page.js
new file mode 100644
index 0000000..b62fdce
--- /dev/null
+++ b/app/dashboard/page.js
@@ -0,0 +1,14 @@
+import {redirect} from 'next/navigation'
+import {auth} from '../../auth.js'
+
+export default async function DashboardPage() {
+  const session = await auth()
+
+  if (!session) {
+    redirect('/login')
+  }
+
+  return (
+    <div>DashboardPage</div>
+  )
+}
diff --git a/components/session/sign.js b/components/session/sign.js
index 1e142ee..d787fbe 100644
--- a/components/session/sign.js
+++ b/components/session/sign.js
@@ -12,6 +12,7 @@ import Tooltip, {tooltipClasses} from '@mui/material/Tooltip'
 import LogoutIcon from '@mui/icons-material/Logout'
 import LoginIcon from '@mui/icons-material/Login'
 import PersonAddIcon from '@mui/icons-material/PersonAdd'
+import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings'
 import ConfirmationAlert from './confirmation-alert.js'
 
 const LightTooltip = styled(({className, ...props}) => (
@@ -36,13 +37,20 @@ export default function Sign({session}) {
 
   return (
     <>
-      <Box sx={{display: 'flex', justifyContent: session ? 'start' : 'center', marginTop: 1}}>
+      <Box sx={{display: 'flex', justifyContent: session ? 'start' : 'center', marginTop: 2}}>
         {session ? (
-          <LightTooltip title='Se déconnecter' placement='right'>
-            <Fab size='large' color='error' onClick={() => setIsOpen(true)}>
-              <LogoutIcon fontSize='large' />
-            </Fab>
-          </LightTooltip>
+          <Stack direction='row' spacing={2}>
+            <LightTooltip title='Se déconnecter' placement='right'>
+              <Fab size='large' color='error' onClick={() => setIsOpen(true)}>
+                <LogoutIcon fontSize='large' />
+              </Fab>
+            </LightTooltip>
+            <LightTooltip title='Tableau de bord' placement='right'>
+              <Fab sx={{mr: 3}} size='large' color='warning' onClick={() => router.push('/dashboard')}>
+                <AdminPanelSettingsIcon fontSize='large' />
+              </Fab>
+            </LightTooltip>
+          </Stack>
         ) : (
           <Stack direction='row' spacing={2}>
             <LightTooltip title='Se connecter' placement='left'>