diff --git a/src/pages/Questions/QuestionsPage.tsx b/src/pages/Questions/QuestionsPage.tsx index df99635e..10056da3 100755 --- a/src/pages/Questions/QuestionsPage.tsx +++ b/src/pages/Questions/QuestionsPage.tsx @@ -10,6 +10,7 @@ import { import { collapseAllQuestions, createUntypedQuestion, + setQuestions, } from "@root/questions/actions"; import { decrementCurrentStep, @@ -25,6 +26,8 @@ import { QuestionSwitchWindowTool } from "./QuestionSwitchWindowTool"; import { useQuestionsStore } from "@root/questions/store"; import { updateEditSomeQuestion } from "@root/uiTools/actions"; import { useUiTools } from "@root/uiTools/store"; +import { questionApi } from "@api/question"; +import { useNavigate } from "react-router-dom"; interface Props { openBranchingPage: boolean; @@ -39,6 +42,8 @@ export default function QuestionsPage({ const { openedModalSettingsId } = useUiTools(); const isMobile = useMediaQuery(theme.breakpoints.down(660)); const quiz = useCurrentQuiz(); + const navigate = useNavigate() + const { questions } = useQuestionsStore(); useLayoutEffect(() => { updateEditSomeQuestion(); }, []); @@ -46,6 +51,8 @@ export default function QuestionsPage({ const ref = useRef(); if (!quiz) return null; + + return ( <> { const { questions } = useQuestionsStore(); const quiz = useCurrentQuiz(); + const navigate = useNavigate() const results = useQuestionsStore().questions.filter( (q): q is QuizQuestionResult => q.type === "result", ); @@ -56,20 +59,6 @@ export const ResultSettings = () => { [results], ); - useEffect(() => { - //Всегда должен существовать хоть 1 резулт - "line" - if ( - !questions?.find( (q) => (q.type === "result" && q.content.rule.parentId === "line")) - ) { - createResult(quiz?.backendId, "line"); - console.log("Я не нашёл линейный резулт и собираюсь создать новый"); - } - return () => { - if (!isReadyToLeaveRef.current && window.location.pathname !== "/edit") { - setOpenNotificationModal(true); - } - }; - }, []); const cnsl = results.filter((q) => q.content.usage); diff --git a/src/pages/ViewPublicationPage/Question.tsx b/src/pages/ViewPublicationPage/Question.tsx index fe54fce5..ca89e611 100644 --- a/src/pages/ViewPublicationPage/Question.tsx +++ b/src/pages/ViewPublicationPage/Question.tsx @@ -1,5 +1,5 @@ import { useState, useEffect } from "react"; -import { Box, useTheme } from "@mui/material"; +import { Box, useMediaQuery, useTheme } from "@mui/material"; import { useCurrentQuiz } from "@root/quizes/hooks"; import { getQuestionByContentId } from "@root/questions/actions"; @@ -46,6 +46,8 @@ const QUESTIONS_MAP: any = { export const Question = ({ questions }: QuestionProps) => { const quiz = useCurrentQuiz(); + const theme = useTheme(); + const isMobile = useMediaQuery(theme.breakpoints.down(650)); const [currentQuestion, setCurrentQuestion] = useState(); const [showContactForm, setShowContactForm] = useState(false); @@ -67,13 +69,13 @@ export const Question = ({ questions }: QuestionProps) => { const QuestionComponent = QUESTIONS_MAP[currentQuestion.type as Exclude]; - const theme = useTheme(); + return ( {!showContactForm && !showResultForm && ( export const updateSomeWorkBackend = (someWorkBackend: boolean) => useUiTools.setState({ someWorkBackend }); - + export const updateNextStep = (nextStep: number) => useUiTools.setState({ nextStep }); diff --git a/src/stores/uiTools/store.ts b/src/stores/uiTools/store.ts index 122ccbf9..d42e0e50 100644 --- a/src/stores/uiTools/store.ts +++ b/src/stores/uiTools/store.ts @@ -12,7 +12,7 @@ export type UiTools = { deleteNodeId: string | null; showConfirmLeaveModal: boolean; someWorkBackend: boolean; - nextStep: number + nextStep: number; }; export type WhyCantCreatePublic = { @@ -31,7 +31,7 @@ const initialState: UiTools = { deleteNodeId: null, showConfirmLeaveModal: false, someWorkBackend: false, - nextStep: -1 + nextStep: -1, }; export const useUiTools = create()( diff --git a/src/ui_kit/Modal/CropModal.tsx b/src/ui_kit/Modal/CropModal.tsx index 9d6b2988..eac43cef 100644 --- a/src/ui_kit/Modal/CropModal.tsx +++ b/src/ui_kit/Modal/CropModal.tsx @@ -173,7 +173,8 @@ export const CropModal: FC = ({ height: isMobile ? "80vh" : undefined, display: isMobile ? "flex" : undefined, flexDirection: isMobile ? "column" : undefined, - justifyContent: isMobile ? "space-evenly" : undefined, + justifyContent: isMobile ? "flex-start" : undefined, + overflow: isMobile ? "auto" : undefined, }} >