56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import { Box, Button, Modal, Typography } from "@mui/material";
|
||
|
||
interface Props {
|
||
openDelete: boolean;
|
||
setOpenDelete: (open: boolean) => void;
|
||
}
|
||
|
||
export const DeleteModal = ({ openDelete, setOpenDelete }: Props) => {
|
||
return (
|
||
<Modal open={openDelete} onClose={() => setOpenDelete(false)}>
|
||
<Box
|
||
sx={{
|
||
position: "absolute",
|
||
top: "50%",
|
||
left: "50%",
|
||
transform: "translate(-50%, -50%)",
|
||
padding: "30px",
|
||
borderRadius: "10px",
|
||
background: "#FFFFFF",
|
||
}}
|
||
>
|
||
<Typography variant="h6" sx={{ textAlign: "center" }}>
|
||
Вы уверены, что хотите удалить этот результат?
|
||
</Typography>
|
||
<Box
|
||
sx={{
|
||
marginTop: "30px",
|
||
display: "flex",
|
||
justifyContent: "center",
|
||
gap: "15px",
|
||
}}
|
||
>
|
||
<Button
|
||
variant="contained"
|
||
sx={{ minWidth: "150px" }}
|
||
onClick={() => setOpenDelete(false)}
|
||
>
|
||
Отмена
|
||
</Button>
|
||
<Button
|
||
variant="contained"
|
||
sx={{ minWidth: "150px" }}
|
||
onClick={() => {
|
||
// deleteQuestionWithTimeout(question.id, () =>
|
||
// DeleteFunction(questions, question, quiz),
|
||
// );
|
||
}}
|
||
>
|
||
Подтвердить
|
||
</Button>
|
||
</Box>
|
||
</Box>
|
||
</Modal>
|
||
);
|
||
};
|