46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
|
import React from "react";
|
||
|
|
import Button from "@material-ui/core/Button";
|
||
|
|
import Dialog from "@material-ui/core/Dialog";
|
||
|
|
import DialogActions from "@material-ui/core/DialogActions";
|
||
|
|
import DialogContent from "@material-ui/core/DialogContent";
|
||
|
|
import DialogTitle from "@material-ui/core/DialogTitle";
|
||
|
|
import Typography from "@material-ui/core/Typography";
|
||
|
|
|
||
|
|
import { i18n } from "../../translate/i18n";
|
||
|
|
|
||
|
|
const ConfirmationModal = ({ title, children, open, onClose, onConfirm }) => {
|
||
|
|
return (
|
||
|
|
<Dialog
|
||
|
|
open={open}
|
||
|
|
onClose={() => onClose(false)}
|
||
|
|
aria-labelledby="confirm-dialog"
|
||
|
|
>
|
||
|
|
<DialogTitle id="confirm-dialog">{title}</DialogTitle>
|
||
|
|
<DialogContent dividers>
|
||
|
|
<Typography>{children}</Typography>
|
||
|
|
</DialogContent>
|
||
|
|
<DialogActions>
|
||
|
|
<Button
|
||
|
|
variant="contained"
|
||
|
|
onClick={() => onClose(false)}
|
||
|
|
color="default"
|
||
|
|
>
|
||
|
|
{i18n.t("confirmationModal.buttons.cancel")}
|
||
|
|
</Button>
|
||
|
|
<Button
|
||
|
|
variant="contained"
|
||
|
|
onClick={() => {
|
||
|
|
onClose(false);
|
||
|
|
onConfirm();
|
||
|
|
}}
|
||
|
|
color="secondary"
|
||
|
|
>
|
||
|
|
{i18n.t("confirmationModal.buttons.confirm")}
|
||
|
|
</Button>
|
||
|
|
</DialogActions>
|
||
|
|
</Dialog>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ConfirmationModal;
|