34 lines
820 B
TypeScript
34 lines
820 B
TypeScript
![]() |
import { Box, Typography, Button } from "@mui/material";
|
|||
|
|
|||
|
import { useCurrentQuiz } from "@root/quizes/hooks";
|
|||
|
|
|||
|
type ContactFormProps = {
|
|||
|
showResultForm: boolean;
|
|||
|
setShowContactForm: (show: boolean) => void;
|
|||
|
setShowResultForm: (show: boolean) => void;
|
|||
|
};
|
|||
|
|
|||
|
export const ContactForm = ({
|
|||
|
showResultForm,
|
|||
|
setShowContactForm,
|
|||
|
setShowResultForm,
|
|||
|
}: ContactFormProps) => {
|
|||
|
const quiz = useCurrentQuiz();
|
|||
|
|
|||
|
const followNextForm = () => {
|
|||
|
setShowContactForm(false);
|
|||
|
setShowResultForm(true);
|
|||
|
};
|
|||
|
|
|||
|
return (
|
|||
|
<Box>
|
|||
|
<Typography>Форма контактов</Typography>
|
|||
|
{!showResultForm && quiz?.config.resultInfo.when === "after" && (
|
|||
|
<Button variant="contained" onClick={followNextForm}>
|
|||
|
Показать результат
|
|||
|
</Button>
|
|||
|
)}
|
|||
|
</Box>
|
|||
|
);
|
|||
|
};
|