47 lines
2.2 KiB
TypeScript
47 lines
2.2 KiB
TypeScript
import { Box, Button, Tooltip, useMediaQuery, useTheme } from "@mui/material";
|
||
import { updateQuiz } from "@root/quizes/actions";
|
||
import { useCurrentQuiz } from "@root/quizes/hooks";
|
||
import image from "../../assets/Rectangle 110.png";
|
||
import Info from "../../assets/icons/Info";
|
||
import TooltipClickInfo from "@ui_kit/Toolbars/TooltipClickInfo";
|
||
// import CreationFullCard from "./FirstEntry";
|
||
|
||
export const Result = () => {
|
||
const quiz = useCurrentQuiz();
|
||
const theme = useTheme();
|
||
const isMobile = useMediaQuery(theme.breakpoints.down(650));
|
||
if (!quiz) return null;
|
||
|
||
return (
|
||
<Box component="section">
|
||
{/* <CreationFullCard
|
||
text="Вы можете показывать разные результаты квиза (добавьте описание, изображение, стоимость и т.п.) разным пользователям, нужно только их создать и проставить условия. Таким образом ваш квиз получится максимально индивидуальным для каждого клиента. Показывайте картинку/видео вместо результата или переадресовывайте пользователя по нужной ссылке."
|
||
text2="Этот шаг - необязательный, квиз будет работать и без автоматических результатов."
|
||
image={image}
|
||
/> */}
|
||
<Box sx={{ display: "flex", mt: "30px", alignItems: "center" }}>
|
||
<Button
|
||
variant="contained"
|
||
sx={{ mr: "15px", minWidth: "258px" }}
|
||
onClick={() =>
|
||
updateQuiz(quiz.id, (quiz) => {
|
||
quiz.config.results = true;
|
||
})
|
||
}
|
||
>
|
||
Создать результаты
|
||
</Button>
|
||
{isMobile ? (
|
||
<TooltipClickInfo title={"Посмотреть справку"} />
|
||
) : (
|
||
<Tooltip title="Посмотреть справку" placement="top">
|
||
<Box>
|
||
<Info />
|
||
</Box>
|
||
</Tooltip>
|
||
)}
|
||
</Box>
|
||
</Box>
|
||
);
|
||
};
|