diff options
author | Determinant <ted.sybil@gmail.com> | 2019-02-06 21:13:23 -0500 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-02-06 21:13:23 -0500 |
commit | d88b873c63d8ad5b5336b509f8a4ee35a583e279 (patch) | |
tree | 787ac45d6cc5cac30b7939314a37c283ba161c34 /src/Dialog.js | |
parent | a8b8cd7d51cafea253f3e7b2e3d1e76054d97135 (diff) |
add snackbar and dialog
Diffstat (limited to 'src/Dialog.js')
-rw-r--r-- | src/Dialog.js | 45 |
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; |