From 0d536f9a054f686b6433e5913620cf92d6246a1d Mon Sep 17 00:00:00 2001
From: regularmute <93884347+Regularmute@users.noreply.github.com>
Date: Tue, 26 Mar 2024 13:00:32 +0200
Subject: [PATCH] create component for delete confirmation window

---
 .../components/common/ConfirmationDialog.js   | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 frontend/src/components/common/ConfirmationDialog.js

diff --git a/frontend/src/components/common/ConfirmationDialog.js b/frontend/src/components/common/ConfirmationDialog.js
new file mode 100644
index 0000000..9428345
--- /dev/null
+++ b/frontend/src/components/common/ConfirmationDialog.js
@@ -0,0 +1,43 @@
+import React from "react"
+import Button from "@material-ui/core/Button"
+import Dialog from "@material-ui/core/Dialog"
+import DialogActions from "@material-ui/core/DialogActions"
+import DialogContent from "@material-ui/core/DialogContent"
+import DialogTitle from "@material-ui/core/DialogTitle"
+
+const ConfirmationDialog = (props) => {
+  const { title, children, open, setOpen, onConfirm } = props
+  return (
+    <Dialog
+      open={open}
+      onClose={() => setOpen(false)}
+      className="confirmation-dialog"
+    >
+      <DialogTitle id="confirmation-dialog">{title}</DialogTitle>
+      <DialogContent>{children}</DialogContent>
+      <DialogActions>
+        <Button
+          id="confirmation-dialog-no-button"
+          variant="contained"
+          onClick={() => setOpen(false)}
+          color="secondary"
+        >
+          No
+        </Button>
+        <Button
+          id="confirmation-dialog-yes-button"
+          variant="contained"
+          onClick={() => {
+            setOpen(false)
+            onConfirm()
+          }}
+          color="default"
+        >
+          Yes
+        </Button>
+      </DialogActions>
+    </Dialog>
+  )
+}
+
+export default ConfirmationDialog