Add signout confirmation alert

components/session/confirmation-alert.js

@@ -0,0 +1,41 @@
+import PropTypes from 'prop-types'
+import Button from '@mui/material/Button'
+import Dialog from '@mui/material/Dialog'
+import DialogActions from '@mui/material/DialogActions'
+import DialogContent from '@mui/material/DialogContent'
+import DialogContentText from '@mui/material/DialogContentText'
+import DialogTitle from '@mui/material/DialogTitle'
+
+export default function ConfirmationAlert({title, description, isOpen, setIsOpen, handleConfirmation}) {
+  return (
+    <Dialog
+      open={isOpen}
+      aria-labelledby={title}
+      aria-describedby={description}
+      onClose={() => setIsOpen(false)}
+    >
+      <DialogTitle id={title}>
+        {title}
+      </DialogTitle>
+      <DialogContent>
+        <DialogContentText sx={{color: 'white'}} id={description}>
+          {description}
+        </DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Button variant='contained' color='success' onClick={() => setIsOpen(false)}>Annuler</Button>
+        <Button autoFocus variant='contained' color='error' onClick={handleConfirmation}>
+          Valider
+        </Button>
+      </DialogActions>
+    </Dialog>
+  )
+}
+
+ConfirmationAlert.propTypes = {
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+  isOpen: PropTypes.bool.isRequired,
+  setIsOpen: PropTypes.func.isRequired,
+  handleConfirmation: PropTypes.func.isRequired
+}