aboutsummaryrefslogtreecommitdiff
path: root/src/Dialog.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/Dialog.tsx')
-rw-r--r--src/Dialog.tsx43
1 files changed, 22 insertions, 21 deletions
diff --git a/src/Dialog.tsx b/src/Dialog.tsx
index df72144..984ecbb 100644
--- a/src/Dialog.tsx
+++ b/src/Dialog.tsx
@@ -13,19 +13,21 @@ function Transition(props: any) {
return <Slide direction="up" {...props} />;
}
-function AlertDialog(props: {
- open: boolean,
- handleClose: (r: boolean) => any,
- title: string,
- message: string}) {
+type AlertDialogProps = {
+ open: boolean,
+ handleClose: (r: boolean) => any,
+ title: string,
+ message: string
+};
+
+function AlertDialog(props: AlertDialogProps) {
return (
- <Dialog
- open={props.open}
- TransitionComponent={Transition}
- keepMounted
- onClose={() => props.handleClose(false)}
- aria-labelledby="alert-dialog-slide-title"
- aria-describedby="alert-dialog-slide-description">
+ <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>
@@ -35,15 +37,14 @@ function AlertDialog(props: {
</DialogContentText>
</DialogContent>
<DialogActions>
- <Button onClick={() => props.handleClose(false)} color="primary">
- No
- </Button>
- <Button onClick={() => props.handleClose(true)} color="primary">
- Yes
- </Button>
- </DialogActions>
-</Dialog>
- );
+ <Button onClick={() => props.handleClose(false)} color="primary">
+ No
+ </Button>
+ <Button onClick={() => props.handleClose(true)} color="primary">
+ Yes
+ </Button>
+ </DialogActions>
+ </Dialog>);
}
export default AlertDialog;