feat: create form logic
This commit is contained in:
parent
a5f3fc5cff
commit
0573316cfc
@ -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 />;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user