diff --git a/src/pages/Questions/BranchingQuestionsModal/index.tsx b/src/pages/Questions/BranchingQuestionsModal/index.tsx index 9099e3f9..068c1abf 100644 --- a/src/pages/Questions/BranchingQuestionsModal/index.tsx +++ b/src/pages/Questions/BranchingQuestionsModal/index.tsx @@ -1,24 +1,28 @@ -import { useParams } from "react-router-dom"; import { Box, Modal, Button, Typography } from "@mui/material"; import { useQuestionsStore } from "@root/questions/store"; -import { AnyTypedQuizQuestion, UntypedQuizQuestion } from "@model/questionTypes/shared"; - -type AnyQuestion = UntypedQuizQuestion | AnyTypedQuizQuestion +import { AnyTypedQuizQuestion } from "@model/questionTypes/shared"; interface Props { openedModalQuestions: boolean; - setModalQuestionTargetContentId: (contentId:string) => void; - setOpenedModalQuestions: (open:boolean) => void; + setModalQuestionTargetContentId: (contentId: string) => void; + setOpenedModalQuestions: (open: boolean) => void; } -export const BranchingQuestionsModal = ({ openedModalQuestions, setOpenedModalQuestions, setModalQuestionTargetContentId}:Props) => { - const quizId = Number(useParams().quizId); +export const BranchingQuestionsModal = ({ + openedModalQuestions, + setOpenedModalQuestions, + setModalQuestionTargetContentId, +}: Props) => { const { questions } = useQuestionsStore(); const handleClose = () => { setOpenedModalQuestions(false); }; + const typedQuestions: AnyTypedQuizQuestion[] = questions.filter( + (question) => question.type && !question.content.rule.parentId + ) as AnyTypedQuizQuestion[]; + return ( - {questions.filter((q:AnyQuestion) => { -if (q.content === null) return true - return (q.type && !q.content.rule.parentId)}).map((question: AnyTypedQuizQuestion, index:number) => ( + {typedQuestions.map((question) => (