From 4a182ae1a8a6b37f211a7df007c0d9e470ba157d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 20 May 2024 04:17:09 +0400
Subject: [PATCH] Create Sign component

---
 components/session/sign.js | 45 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 components/session/sign.js

diff --git a/components/session/sign.js b/components/session/sign.js
new file mode 100644
index 0000000..6292d40
--- /dev/null
+++ b/components/session/sign.js
@@ -0,0 +1,45 @@
+'use client'
+
+import PropTypes from 'prop-types'
+import {signOut} from 'next-auth/react'
+import {useRouter} from 'next/navigation'
+import Box from '@mui/material/Box'
+import Stack from '@mui/material/Stack'
+import Fab from '@mui/material/Fab'
+import Tooltip 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'
+
+export default function Sign({session}) {
+  const router = useRouter()
+
+  return (
+    <Box sx={{display: 'flex', justifyContent: 'center', marginTop: 1}}>
+      {session ? (
+        <Tooltip title='Se déconnecter' placement='left'>
+          <Fab size='small' color='error' onClick={() => signOut()}>
+            <LogoutIcon fontSize='small' />
+          </Fab>
+        </Tooltip>
+      ) : (
+        <Stack direction='row' spacing={2}>
+          <Tooltip title='Se connecter' placement='left'>
+            <Fab size='small' color='success' onClick={() => router.push('/login')}>
+              <LoginIcon fontSize='small' />
+            </Fab>
+          </Tooltip>
+          <Tooltip title='S’enregistrer' placement='right'>
+            <Fab size='small' color='success' onClick={() => router.push('/register')}>
+              <PersonAddIcon fontSize='small' />
+            </Fab>
+          </Tooltip>
+        </Stack>
+      )}
+    </Box>
+  )
+}
+
+Sign.propTypes = {
+  session: PropTypes.object
+}