From 9ff41de532f9da8bc803122d593f9a9a5930730e Mon Sep 17 00:00:00 2001
From: Jannis Mattheis <contact@jmattheis.de>
Date: Thu, 15 Mar 2018 20:31:52 +0100
Subject: [PATCH] Add ConfirmDialog Component

---
 ui/src/component/ConfirmDialog.js | 33 +++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 ui/src/component/ConfirmDialog.js

diff --git a/ui/src/component/ConfirmDialog.js b/ui/src/component/ConfirmDialog.js
new file mode 100644
index 0000000..67a0fa6
--- /dev/null
+++ b/ui/src/component/ConfirmDialog.js
@@ -0,0 +1,33 @@
+import React, {Component} from 'react';
+import Button from 'material-ui/Button';
+import Dialog, {DialogActions, DialogContent, DialogContentText, DialogTitle} from 'material-ui/Dialog';
+import PropTypes from 'prop-types';
+
+export default class ConfirmDialog extends Component {
+    static propTypes = {
+        title: PropTypes.string.isRequired,
+        text: PropTypes.string.isRequired,
+        fClose: PropTypes.func.isRequired,
+        fOnSubmit: PropTypes.func.isRequired,
+    };
+
+    render() {
+        const {title, text, fClose, fOnSubmit} = this.props;
+        const submitAndClose = () => {
+            fOnSubmit();
+            fClose();
+        };
+        return (
+            <Dialog open={true} onClose={fClose} aria-labelledby="form-dialog-title">
+                <DialogTitle id="form-dialog-title">{title}</DialogTitle>
+                <DialogContent>
+                    <DialogContentText>{text}</DialogContentText>
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={fClose}>No</Button>
+                    <Button onClick={submitAndClose} color="primary" variant="raised">Yes</Button>
+                </DialogActions>
+            </Dialog>
+        );
+    }
+}