From 90c93dfc97f0fc3ad15079cf88e676327449a45f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sat, 26 Jun 2021 12:21:59 +0200
Subject: [PATCH] Create Alet component to prevent logout

---
 components/alet.js | 47 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 components/alet.js

diff --git a/components/alet.js b/components/alet.js
new file mode 100644
index 0000000..a1285d8
--- /dev/null
+++ b/components/alet.js
@@ -0,0 +1,47 @@
+import PropTypes from 'prop-types'
+import {
+  Button,
+  Dialog,
+  Typography,
+  DialogContent,
+  DialogTitle,
+  DialogActions
+} from '@material-ui/core'
+
+export default function Alet({esOuve, meteEsOuve, handleKonfime}) {
+  const handleFemen = () => {
+    meteEsOuve(false)
+  }
+
+  return (
+    <div>
+      <Dialog
+        open={esOuve}
+        aria-labelledby='alet-dialog'
+        aria-describedby='alet-deskripsyon'
+        onClose={handleFemen}
+      >
+        <DialogTitle style={{textAlign: 'center'}} id='alet-dialog'>Dékoneksyon</DialogTitle>
+        <DialogContent>
+          <Typography id='alet-deskripsyon'>
+            Souhaitez-vous vraiement vous déconnecter ?
+          </Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button fullWidth autoFocus color='primary' variant='contained' onClick={handleFemen}>
+            Annuler
+          </Button>
+          <Button fullWidth color='secondary' variant='contained' onClick={handleKonfime}>
+            Se déconnecter
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </div>
+  )
+}
+
+Alet.propTypes = {
+  esOuve: PropTypes.bool.isRequired,
+  meteEsOuve: PropTypes.func.isRequired,
+  handleKonfime: PropTypes.func.isRequired
+}