diff --git a/src/pages/Landing/HeaderLanding.tsx b/src/pages/Landing/HeaderLanding.tsx index 18a598f6..6eb1381c 100644 --- a/src/pages/Landing/HeaderLanding.tsx +++ b/src/pages/Landing/HeaderLanding.tsx @@ -18,7 +18,7 @@ export default function Component() { const [select, setSelect] = React.useState(0); const userId = useUserStore((state) => state.userId); const navigate = useNavigate(); - const location = useLocation() + const location = useLocation(); const onClick = () => (userId ? navigate("/list") : navigate("/signin")); @@ -41,7 +41,9 @@ export default function Component() { padding: 0, }} > - + + + {/**/} + )} - }} - sxcont={{ - display: "flex", - justifyContent: "space-between", - alignItems: "center", - svg: { color: "#000000" }, - padding: isMobile ? 0 : "0 22px 0 40px" - }} + + + + - - - - {!isMobile && ( - - )} - - - - - - {isMobile && ( - - )} - - - - - - - {/**/} - {/* {buttonMenu.map(({ path, title }) => (*/} - {/* */} - {/* */} - {/* {title}*/} - {/* */} - {/* */} - {/* ))}*/} - {/**/} - {isMobile ? ( - - ) : ( - - - - )} - - - - - - ); + {isMobile && } + + + + + + + {/**/} + {/* {buttonMenu.map(({ path, title }) => (*/} + {/* */} + {/* */} + {/* {title}*/} + {/* */} + {/* */} + {/* ))}*/} + {/**/} + {isMobile ? ( + + ) : ( + + + + )} + + + + + + ); } diff --git a/src/pages/ResultPage/FirstEntry.tsx b/src/pages/ResultPage/FirstEntry.tsx index ab4ec58b..5e470119 100644 --- a/src/pages/ResultPage/FirstEntry.tsx +++ b/src/pages/ResultPage/FirstEntry.tsx @@ -1,5 +1,4 @@ - -import { ResultSettings } from "./ResultSettings" +import { ResultSettings } from "./ResultSettings"; import { createFrontResult } from "@root/questions/actions"; import { useQuestionsStore } from "@root/questions/store"; import { useCurrentQuiz } from "@root/quizes/hooks"; @@ -7,6 +6,8 @@ import { Box, Typography, useTheme, useMediaQuery, Button } from "@mui/material" import image from "../../assets/Rectangle 110.png"; import { enqueueSnackbar } from "notistack"; import { AnyTypedQuizQuestion } from "@model/questionTypes/shared"; +import ArrowLeft from "../../assets/icons/questionsPage/arrowLeft"; +import { decrementCurrentStep } from "@root/quizes/actions"; export const FirstEntry = () => { const theme = useTheme(); @@ -17,16 +18,20 @@ export const FirstEntry = () => { const create = () => { if (quiz?.config.haveRoot) { questions - .filter((question:AnyTypedQuizQuestion) => { - return question.type !== null && question.content.rule.parentId.length !== 0 && question.content.rule.children.length === 0 - }) - .forEach(question => { - createFrontResult(quiz.id, question.content.id) - }) + .filter((question: AnyTypedQuizQuestion) => { + return ( + question.type !== null && + question.content.rule.parentId.length !== 0 && + question.content.rule.children.length === 0 + ); + }) + .forEach((question) => { + createFrontResult(quiz.id, question.content.id); + }); } else { - createFrontResult(quiz.id, "line") + createFrontResult(quiz.id, "line"); } - } + }; return ( <> @@ -53,7 +58,7 @@ export const FirstEntry = () => { mr: !isSmallMonitor ? "104px" : 0, marginBottom: isSmallMonitor ? "20px" : 0, position: "relative", - height: "100%" + height: "100%", }} > @@ -69,7 +74,10 @@ export const FirstEntry = () => { }} > - Вы можете показывать разные результаты квиза (добавьте описание, изображение, стоимость и т.п.) разным пользователям, нужно только их создать и проставить условия. Таким образом ваш квиз получится максимально индивидуальным для каждого клиента. Показывайте картинку/видео вместо результата или переадресовывайте пользователя по нужной ссылке. + Вы можете показывать разные результаты квиза (добавьте описание, изображение, стоимость и т.п.) разным + пользователям, нужно только их создать и проставить условия. Таким образом ваш квиз получится максимально + индивидуальным для каждого клиента. Показывайте картинку/видео вместо результата или переадресовывайте + пользователя по нужной ссылке. { }} /> - + + + + + ); -} \ No newline at end of file +}; diff --git a/src/pages/createQuize/MyQuizzesFull.tsx b/src/pages/createQuize/MyQuizzesFull.tsx index dfc9ee16..2254f08e 100644 --- a/src/pages/createQuize/MyQuizzesFull.tsx +++ b/src/pages/createQuize/MyQuizzesFull.tsx @@ -1,12 +1,4 @@ -import { - Box, - Button, - SxProps, - Theme, - Typography, - useMediaQuery, - useTheme, -} from "@mui/material"; +import { Box, Button, SxProps, Theme, Typography, useMediaQuery, useTheme } from "@mui/material"; import { createQuiz } from "@root/quizes/actions"; import { useQuizes } from "@root/quizes/hooks"; import SectionWrapper from "@ui_kit/SectionWrapper"; @@ -16,72 +8,62 @@ import ComplexNavText from "./ComplexNavText"; import FirstQuiz from "./FirstQuiz"; import QuizCard from "./QuizCard"; - interface Props { - outerContainerSx?: SxProps; - children?: React.ReactNode; + outerContainerSx?: SxProps; + children?: React.ReactNode; } -export default function MyQuizzesFull({ - outerContainerSx: sx, - children, -}: Props) { - const { quizes } = useQuizes(); - const navigate = useNavigate(); - const theme = useTheme(); - const isMobile = useMediaQuery(theme.breakpoints.down(500)); +export default function MyQuizzesFull({ outerContainerSx: sx, children }: Props) { + const { quizes } = useQuizes(); + const navigate = useNavigate(); + const theme = useTheme(); + const isMobile = useMediaQuery(theme.breakpoints.down(500)); - return ( - <> - {quizes.length === 0 ? ( - - ) : ( - - - - Мои квизы - - - - {quizes.map(quiz => ( - - ))} - - {children} - - )} - - ); + return ( + <> + {quizes.length === 0 ? ( + + ) : ( + + + + Мои квизы + + + + {quizes.map((quiz) => ( + + ))} + + {children} + + )} + + ); } diff --git a/src/ui_kit/Header/Header.tsx b/src/ui_kit/Header/Header.tsx index aaec0d34..8a983181 100755 --- a/src/ui_kit/Header/Header.tsx +++ b/src/ui_kit/Header/Header.tsx @@ -5,6 +5,7 @@ import { decrementCurrentStep } from "@root/quizes/actions"; import PenaLogo from "../PenaLogo"; import CustomAvatar from "./Avatar"; import NavMenuItem from "./NavMenuItem"; +import { Link } from "react-router-dom"; export default function Header() { const theme = useTheme(); @@ -25,7 +26,9 @@ export default function Header() { zIndex: theme.zIndex.drawer + 1, }} > - + + + )} - + + + {!isTablet && ( Мой баланс - + 00.00 руб. @@ -111,13 +103,13 @@ export default function HeaderFull() { height: "36px", width: "36px", }} - /> - + /> + )}