You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.3 KiB
42 lines
1.3 KiB
2 years ago
|
import styles from './styles.module.css'
|
||
|
|
import Button from '@mui/material/Button';
|
||
|
|
import Dialog from '@mui/material/Dialog';
|
||
|
|
import DialogActions from '@mui/material/DialogActions';
|
||
|
|
import DialogContent from '@mui/material/DialogContent';
|
||
|
|
import DialogContentText from '@mui/material/DialogContentText';
|
||
|
|
import DialogTitle from '@mui/material/DialogTitle';
|
||
|
|
import { v4 } from "uuid"
|
||
|
|
|
||
|
|
interface ConfirmDialogInterface {
|
||
|
|
open: boolean
|
||
|
|
closeCallback: any
|
||
|
|
agreeCallback: any
|
||
|
|
text: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function ConfirmDialog({open, agreeCallback, closeCallback, text}: ConfirmDialogInterface) {
|
||
|
|
return (
|
||
|
|
<Dialog
|
||
|
|
open={open}
|
||
|
|
onClose={closeCallback}
|
||
|
|
aria-labelledby="alert-dialog-title"
|
||
|
|
aria-describedby="alert-dialog-description"
|
||
|
|
>
|
||
|
|
<DialogTitle>
|
||
|
|
{"Are you sure?"}
|
||
|
|
</DialogTitle>
|
||
|
|
<DialogContent>
|
||
|
|
<DialogContentText>
|
||
|
|
{text}
|
||
|
|
</DialogContentText>
|
||
|
|
</DialogContent>
|
||
|
|
<DialogActions>
|
||
|
|
<Button onClick={() => agreeCallback(v4())} autoFocus>
|
||
|
|
Agree
|
||
|
|
</Button>
|
||
|
|
<Button onClick={closeCallback}>Disagree</Button>
|
||
|
|
</DialogActions>
|
||
|
|
</Dialog>
|
||
|
|
);
|
||
|
|
}
|