Cédric FAMIBELLE-PRONZOLA
41 lines
965 B
JavaScript
41 lines
965 B
JavaScript
import {useState} from 'react'
|
|
import {Box, Button, Typography} from '@material-ui/core'
|
|
import Image from 'next/image'
|
|
|
|
import sessionLogo from '../../public/session-logo-50.png'
|
|
|
|
import SesyonDialog from './sesyon-dialog'
|
|
|
|
export default function JwennSesyon() {
|
|
const [ouve, meteOuve] = useState(false)
|
|
|
|
const handleClickOuve = () => {
|
|
meteOuve(true)
|
|
}
|
|
|
|
const handleFemen = () => {
|
|
meteOuve(false)
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Button style={{marginTop: 10}} variant='outlined' color='primary' onClick={handleClickOuve}>
|
|
<Box paddingTop={1}>
|
|
<Image
|
|
src={sessionLogo}
|
|
width={50}
|
|
height={55}
|
|
placeholder='blur'
|
|
/>
|
|
<Typography style={{fontWeight: 'bold'}} variant='h6' component='h1'>
|
|
Session
|
|
</Typography>
|
|
</Box>
|
|
</Button>
|
|
{ouve && (
|
|
<SesyonDialog ouve={ouve} handleFemen={handleFemen} />
|
|
)}
|
|
</>
|
|
)
|
|
}
|