2021-09-21 21:28:04 +02:00
|
|
|
import {useState} from 'react'
|
2021-06-14 23:30:00 +02:00
|
|
|
import {Container, Link, makeStyles, Typography} from '@material-ui/core'
|
|
|
|
|
import CGUDialog from './cgu/cgu-dialog'
|
|
|
|
|
|
|
|
|
|
const useStyles = makeStyles(theme => ({
|
|
|
|
|
footer: {
|
|
|
|
|
padding: theme.spacing(3, 2),
|
|
|
|
|
marginTop: 'auto',
|
|
|
|
|
backgroundColor:
|
|
|
|
|
theme.palette.type === 'light' ? theme.palette.grey[200] : theme.palette.grey[800]
|
|
|
|
|
},
|
|
|
|
|
text: {
|
|
|
|
|
fontWeight: 'bold'
|
|
|
|
|
}
|
|
|
|
|
}))
|
|
|
|
|
|
|
|
|
|
export default function Footer() {
|
|
|
|
|
const classes = useStyles()
|
|
|
|
|
const [open, setOpen] = useState(false)
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<CGUDialog open={open} setOpen={setOpen} />
|
|
|
|
|
<footer id='cgu' className={classes.footer}>
|
|
|
|
|
<Container>
|
|
|
|
|
<Typography className={classes.text} align='center' variant='body1'>
|
|
|
|
|
<Link href='#cgu' onClick={() => setOpen(true)}>
|
|
|
|
|
Voir les CGU et la politique de confidentialité
|
|
|
|
|
</Link>
|
|
|
|
|
</Typography>
|
|
|
|
|
</Container>
|
|
|
|
|
</footer>
|
|
|
|
|
</>
|
|
|
|
|
)
|
|
|
|
|
}
|
