feat: create form logic

This commit is contained in:
IlyaDoronin 2023-10-10 11:30:36 +03:00
parent a5f3fc5cff
commit 0573316cfc
3 changed files with 41 additions and 22 deletions

@ -12,6 +12,7 @@ import {
useMediaQuery,
useTheme,
} from "@mui/material";
import { Link } from "react-router-dom";
import BackArrowIcon from "@icons/BackArrowIcon";
import NavMenuItem from "@ui_kit/Header/NavMenuItem";
import EyeIcon from "@icons/EyeIcon";
@ -64,11 +65,13 @@ export default function StartPage() {
zIndex: theme.zIndex.drawer + 1,
}}
>
<Link to="/" style={{ display: "flex" }}>
{isMobile ? (
<PenaLogoIcon style={{ fontSize: "39px", color: "white" }} />
) : (
<PenaLogo width={124} />
)}
</Link>
<Box
sx={{
display: isMobile ? "none" : "flex",

@ -10,7 +10,7 @@ export default function StepOne() {
const params = Number(useParams().quizId);
const {listQuizes, updateQuizesList,} = quizStore()
const { listQuizes, updateQuizesList } = quizStore();
return (
<>
<Box
@ -20,30 +20,45 @@ export default function StepOne() {
mt: "60px",
}}
>
<Button variant="text" onClick={() => {
let SPageClone = listQuizes[params].config
SPageClone.type = "quize"
updateQuizesList(params, {config: SPageClone })
}
}>
<Button
variant="text"
onClick={() => {
let SPageClone = listQuizes[params].config;
SPageClone.type = "quize";
updateQuizesList(params, { config: SPageClone });
}}
>
<CreationCard
header="Создание квиз-опроса"
text="У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
image={quizCreationImage1}
border={listQuizes[params].config.type === "quize" ? "1px solid #7E2AEA" : "none"}
border={
listQuizes[params].config.type === "quize"
? "1px solid #7E2AEA"
: "none"
}
/>
</Button>
<Button variant="text" onClick={() => {
let SPageClone = listQuizes[params].config
SPageClone.type = "form"
updateQuizesList(params, {config: SPageClone })
}
}>
<Button
variant="text"
onClick={() => {
let SPageClone = listQuizes[params].config;
SPageClone.type = "form";
updateQuizesList(params, {
config: SPageClone,
step: listQuizes[params].step + 1,
});
}}
>
<CreationCard
header="Создание анкеты"
text="У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
image={quizCreationImage2}
border={listQuizes[params].config.type === "form" ? "1px solid #7E2AEA" : "none"}
border={
listQuizes[params].config.type === "form"
? "1px solid #7E2AEA"
: "none"
}
/>
</Button>
</Box>

@ -27,6 +27,7 @@ export default function SwitchStepPages({
if (!startpage) return <Steptwo />;
return <StartPageSettings />;
case 2:
if (quizType === "form") return <QuestionsPage />;
return <QuestionsPage />;
case 3:
if (!createResult) return <Result />;