46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
|
'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
|
|||
|
|
}
|