import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
|
import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
|
import {
|
useTranslate,
|
} from 'react-admin';
|
|
const ConfirmModal = (props) => {
|
const { open, onConfirm, setOpen } = props;
|
const translate = useTranslate();
|
|
|
|
const handleClose = (event) => {
|
event.stopPropagation();
|
setOpen(false);
|
};
|
|
const handleConfirm = (event) => {
|
handleClose(event);
|
onConfirm();
|
};
|
|
return (
|
<>
|
<Dialog
|
aria-labelledby="dialog-title"
|
aria-describedby="dialog-description"
|
open={open}
|
onClose={handleClose}
|
>
|
<DialogTitle>{translate('common.msg.confirm.tip')}</DialogTitle>
|
<DialogContent>
|
<DialogContentText>
|
{translate('common.msg.confirm.desc')}
|
</DialogContentText>
|
</DialogContent>
|
<DialogActions>
|
<Button onClick={handleClose} color="primary">
|
{translate('ra.action.cancel')}
|
</Button>
|
<Button onClick={handleConfirm} color="primary">
|
{translate('ra.action.confirm')}
|
</Button>
|
</DialogActions>
|
</Dialog>
|
</>
|
)
|
}
|
|
export default ConfirmModal;
|
