66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
|
import { deleteQuestionWithTimeout } from "@/stores/questions/actions";
|
|||
|
|
import { DeleteFunction } from "@/utils/deleteFunc";
|
|||
|
|
import { Box, Button, Modal, Typography } from "@mui/material";
|
|||
|
|
|
|||
|
|
interface Props {
|
|||
|
|
open: boolean;
|
|||
|
|
onclose: () => void;
|
|||
|
|
questionId: string;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export const DeleteBranchingQuestionModal = ({
|
|||
|
|
open,
|
|||
|
|
onclose,
|
|||
|
|
questionId,
|
|||
|
|
}: Props) => {
|
|||
|
|
return (
|
|||
|
|
<Modal
|
|||
|
|
open={open}
|
|||
|
|
onClose={onclose}
|
|||
|
|
>
|
|||
|
|
<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={onclose}
|
|||
|
|
>
|
|||
|
|
Отмена
|
|||
|
|
</Button>
|
|||
|
|
<Button
|
|||
|
|
variant="contained"
|
|||
|
|
sx={{ minWidth: "150px" }}
|
|||
|
|
onClick={() => {
|
|||
|
|
deleteQuestionWithTimeout(questionId, () => DeleteFunction(questionId));
|
|||
|
|
}}
|
|||
|
|
>
|
|||
|
|
Подтвердить
|
|||
|
|
</Button>
|
|||
|
|
</Box>
|
|||
|
|
</Box>
|
|||
|
|
</Modal>
|
|||
|
|
)
|
|||
|
|
}
|