WIP: migrate to TypeScriptX

1 files changed, 45 insertions, 0 deletions

diff --git a/src/Dialog.tsx b/src/Dialog.tsx
new file mode 100644
index 0000000..7e24176
--- /dev/null
+++ b/src/Dialog.tsx
@@ -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;