Add footer to index

2021-06-14 23:30:00 +02:00
parent 477b58db00
commit 9d6e7bc670
2 changed files with 118 additions and 79 deletions
@@ -0,0 +1,35 @@
+import React, {useState} from 'react'
+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>
+    </>
+  )
+}