feat: create form logic

src/pages/startPage/StartPage.tsx

@@ -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,
         }}
       >
-        {isMobile ? (
+        <Link to="/" style={{ display: "flex" }}>
-          <PenaLogoIcon style={{ fontSize: "39px", color: "white" }} />
+          {isMobile ? (
-        ) : (
+            <PenaLogoIcon style={{ fontSize: "39px", color: "white" }} />
-          <PenaLogo width={124} />
+          ) : (
-        )}
+            <PenaLogo width={124} />
+          )}
+        </Link>
         <Box
           sx={{
             display: isMobile ? "none" : "flex",

src/pages/startPage/stepOne.tsx

@@ -2,15 +2,15 @@ import { Box, Button, Typography, useTheme } from "@mui/material";
 import CreationCard from "@ui_kit/CreationCard";
 import quizCreationImage1 from "../../assets/quiz-creation-1.png";
 import quizCreationImage2 from "../../assets/quiz-creation-2.png";
-import {useParams} from "react-router-dom";
+import { useParams } from "react-router-dom";
-import {quizStore} from "@root/quizes";
+import { quizStore } from "@root/quizes";
 
 export default function StepOne() {
   const theme = useTheme();
 
   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={() => {
+        <Button
-            let SPageClone = listQuizes[params].config
+          variant="text"
-            SPageClone.type = "quize"
+          onClick={() => {
-            updateQuizesList(params, {config: SPageClone })
+            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={() => {
+        <Button
-            let SPageClone = listQuizes[params].config
+          variant="text"
-            SPageClone.type = "form"
+          onClick={() => {
-            updateQuizesList(params, {config: SPageClone })
+            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>

src/ui_kit/switchStepPages.tsx

@@ -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 />;