aboutsummaryrefslogtreecommitdiff
path: root/src/Dialog.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/Dialog.js')
-rw-r--r--src/Dialog.js45
1 files changed, 45 insertions, 0 deletions
diff --git a/src/Dialog.js b/src/Dialog.js
new file mode 100644
index 0000000..7e24176
--- /dev/null
+++ b/src/Dialog.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Button from '@material-ui/core/Button';
+import Slide from '@material-ui/core/Slide';
+
+// modified from https://material-ui.com/demos/dialogs/
+
+function Transition(props) {
+ return <Slide direction="up" {...props} />;
+}
+
+function AlertDialog(props) {
+ return (
+ <Dialog
+ open={props.open}
+ TransitionComponent={Transition}
+ keepMounted
+ onClose={() => props.handleClose(false)}
+ aria-labelledby="alert-dialog-slide-title"
+ aria-describedby="alert-dialog-slide-description">
+ <DialogTitle id="alert-dialog-slide-title">
+ {props.title}
+ </DialogTitle>
+ <DialogContent>
+ <DialogContentText id="alert-dialog-slide-description">
+ {props.message}
+ </DialogContentText>
+ </DialogContent>
+ <DialogActions>
+ <Button onClick={() => props.handleClose(false)} color="primary">
+ No
+ </Button>
+ <Button onClick={() => props.handleClose(true)} color="primary">
+ Yes
+ </Button>
+ </DialogActions>
+</Dialog>
+ );
+}
+
+export default AlertDialog;