100 lines
3.4 KiB
TypeScript
100 lines
3.4 KiB
TypeScript
import { Box, Button, Typography, useTheme } from "@mui/material";
|
||
import { SettingForm } from "./SettingForm";
|
||
import { DescriptionForm } from "./DescriptionForm/DescriptionForm";
|
||
import { ResultListForm } from "./ResultListForm";
|
||
import CustomWrapper from "@ui_kit/CustomWrapper";
|
||
import Plus from "@icons/Plus";
|
||
import Info from "@icons/Info";
|
||
import IconPlus from "@icons/IconPlus";
|
||
import ArrowLeft from "@icons/questionsPage/arrowLeft";
|
||
import React from "react";
|
||
import {quizStore} from "@root/quizes";
|
||
import {useParams} from "react-router-dom";
|
||
|
||
export const Setting = () => {
|
||
const {listQuizes, updateQuizesList} = quizStore();
|
||
const params = Number(useParams().quizId);
|
||
const handleNext = () => {
|
||
updateQuizesList(params, {step: listQuizes[params].step + 1})
|
||
}
|
||
const theme = useTheme();
|
||
return (
|
||
<Box sx={{ width: "796px" }}>
|
||
<Box sx={{ display: "flex", alignItems: "center", mb: "40px" }}>
|
||
<Typography sx={{ pr: "10px" }} variant="h5">
|
||
Настройки результатов
|
||
</Typography>
|
||
<Info />
|
||
<Button
|
||
disableRipple
|
||
sx={{
|
||
ml: "auto",
|
||
width: "73px",
|
||
height: "19px",
|
||
color: "#7E2AEA",
|
||
textDecoration: "underline",
|
||
fontSize: "16px",
|
||
"&:hover": {
|
||
background: "none",
|
||
textDecoration: "underline",
|
||
},
|
||
}}
|
||
variant="text"
|
||
>
|
||
Свернуть
|
||
</Button>
|
||
</Box>
|
||
<CustomWrapper sx={{ mt: "30px" }} text="Показывать результат" />
|
||
<CustomWrapper sx={{ mt: "30px" }} text="Настройки почты" />
|
||
<Box sx={{ display: "flex", alignItems: "center", mb: "15px", mt: "15px" }}>
|
||
<Typography variant="p1" sx={{ color: "#4D4D4D", fontSize: "14px" }}>
|
||
Создайте результат
|
||
</Typography>
|
||
<Button
|
||
disableRipple
|
||
sx={{
|
||
ml: "auto",
|
||
height: "19px",
|
||
color: "#7E2AEA",
|
||
textDecoration: "underline",
|
||
fontSize: "16px",
|
||
|
||
"&:hover": {
|
||
background: "none",
|
||
textDecoration: "underline",
|
||
},
|
||
}}
|
||
variant="text"
|
||
>
|
||
Развернуть все
|
||
</Button>
|
||
</Box>
|
||
<CustomWrapper result={true} text="Показывать результат" />
|
||
<Box sx={{ width: "850px", display: "flex", alignItems: "center" }}>
|
||
<Typography sx={{ color: "#7E2AEA", cursor: "default" }}>
|
||
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||
- - - - - - -
|
||
<IconPlus />
|
||
</Typography>
|
||
</Box>
|
||
|
||
<CustomWrapper result={true} text="Настройки почты" />
|
||
<Box sx={{ pt: "30px", display: "flex", alignItems: "center" }}>
|
||
<Plus />
|
||
<Typography component="div" sx={{ ml: "auto" }}>
|
||
<Button variant='outlined' sx={{padding: '10px 20px', borderRadius: '8px'}}>
|
||
<ArrowLeft/>
|
||
</Button>
|
||
<Button variant="contained" sx={{ml: "10px",}} onClick={handleNext}>
|
||
Настроить форму
|
||
</Button>
|
||
</Typography>
|
||
</Box>
|
||
|
||
<SettingForm />
|
||
<ResultListForm />
|
||
<DescriptionForm />
|
||
</Box>
|
||
);
|
||
};
|