l-min-components 1.7.1583 → 1.7.1585

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1583",
+  "version": "1.7.1585",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/reportsComponents/reportQuestions/index.jsx

@@ -40,10 +40,11 @@ import useApi from "./api";
 import FullPageLoader from "../../fullPageLoader";
 import { ButtonComponent, OutletContext } from "../..";
 import useReportUtils from "../hooks/useRreportUtils";
-import ErrorHeader from "./components/errorHeader";
-import { InfoIcon } from "lucide-react";
 import InfoIcon2 from "../fullAnalysis/icons/info";
 import { NavBack, NavForword } from "../fullAnalysis/icons/navArrow";
+import useTranslation from "../../../hooks/useTranslation.jsx";
+import wordStore from "../../../mc/wordStore.json";
+import QuizNewWritten from "./questions/quizNewWritten.jsx";
 
 /**
  * @param {Object} props
@@ -60,9 +61,7 @@ import { NavBack, NavForword } from "../fullAnalysis/icons/navArrow";
  * @param {object} props.navControl
  * @returns {React.ReactNode}
  */
-import useTranslation from "../../../hooks/useTranslation.jsx";
-import wordStore from "../../../mc/wordStore.json";
-import QuizWritten from "./questions/quizWritten.jsx";
+
 const ReportQuestions = ({
   accountType,
   AiData,
@@ -387,7 +386,7 @@ const ReportQuestions = ({
                     />
                   )}
                   {questionType === "quiz-written" && (
-                    <QuizWritten
+                    <QuizNewWritten
                       data={findedQuestion}
                       answerData={answerData}
                       aiData={AiData}

package/src/components/reportsComponents/reportQuestions/questions/quizNewWritten.jsx

@@ -0,0 +1,54 @@
+import React, { useState } from "react";
+import { QuestionSection } from "../style";
+import Tabs from "../components/tabs";
+import useReportUtils from "../../hooks/useRreportUtils";
+import Response from "../components/response";
+import QuestionDropdown from "../components/questionDropdown";
+
+const QuizNewWritten = ({
+  data,
+  aiData,
+  answerData,
+  isPersonal,
+  defaultSelected = 1,
+}) => {
+  const [selected, setSelected] = useState(defaultSelected);
+  const { quizResponses } = useReportUtils();
+  const quizList = quizResponses({
+    responses: answerData?.answer?.data?.data?.responses,
+    type: "written",
+  });
+  const selectionList = quizList?.map((item) => ({
+    value: item?.key,
+    label: `Reponses ${item?.key}`,
+  }));
+  const selectedResponse =
+    quizList?.find((item) => item?.key === selected) || {};
+  return (
+    <>
+      <QuestionSection>
+        <Tabs
+          options={selectionList}
+          selected={selected}
+          onChange={setSelected}
+        />
+
+        <QuestionDropdown>
+          <>
+            <li>
+              <h3>{"Instruction"}</h3>
+              <p>{data?.question_data?.instruction}</p>
+            </li>
+            <li>
+              <h3>{"Essay topic"}</h3>
+              <p>{data?.question_data?.question_title}</p>
+            </li>
+          </>
+        </QuestionDropdown>
+        <Response response={selectedResponse?.text} isPersonal={isPersonal} />
+      </QuestionSection>
+    </>
+  );
+};
+
+export default QuizNewWritten;

package/src/components/reportsComponents/reportQuestions/questions/quizWritten.jsx

@@ -8,21 +8,21 @@ import Tabs from "../components/tabs.jsx";
 import useReportUtils from "../../hooks/useRreportUtils.jsx";
 // import Response from "../components/response.jsx";
 // import AnalysisButton from "../components/analysisButton.jsx";
-import QuestionDropdown from "../components/questionDropdown.jsx";
-import QuizQuestion from "../components/quizQuestion.jsx";
+// import QuestionDropdown from "../components/questionDropdown.jsx";
+// import QuizQuestion from "../components/quizQuestion.jsx";
 
 // import useTranslation from "../../../../hooks/useTranslation.jsx";
 // import wordStore from "../../../../mc/wordStore.json";
 const QuizWritten = ({
-  data,
+  // data,
   // aiData,
   // setToggle,
   answerData,
-  // isPersonal,
-  // defaultSelected = 1,
+  isPersonal,
+  defaultSelected = 1,
 }) => {
   // const { findText } = useTranslation(wordStore);
-  // const [selected, setSelected] = useState(defaultSelected);
+  const [selected, setSelected] = useState(defaultSelected);
   // const [analysis, setAnalysis] = useState(null);
   const { quizResponses } = useReportUtils();
   const quizList = quizResponses({
@@ -34,8 +34,8 @@ const QuizWritten = ({
     value: item?.key,
     label: `Reponses ${item?.key}`,
   }));
-  // const selectedResponse =
-  //   quizList?.find((item) => item?.key === selected) || {};
+  const selectedResponse =
+    quizList?.find((item) => item?.key === selected) || {};
 
   // const selectedModel = quizWrittenSelectedModel(selectedResponse, aiData);
 
@@ -68,7 +68,7 @@ const QuizWritten = ({
     //     </>
     //   </QuestionDropdown>
 
-    //   <Response response={selectedResponse?.text} isPersonal={isPersonal} />
+    // <Response response={selectedResponse?.text} isPersonal={isPersonal} />
 
     //   <QuestionSectionWithAnalysis>
     //     <QuestionSectionAction>
@@ -93,22 +93,7 @@ const QuizWritten = ({
           selected={selected}
           onChange={setSelected}
         />
-
-        <QuestionDropdown>
-          <>
-            <li>
-              <h3>{"Instruction"}</h3>
-              <p>{data?.question_data?.instruction}</p>
-            </li>
-            <li>
-              <QuizQuestion data={data} />
-            </li>
-            <li>
-              <h3>{"Question"}</h3>
-              <p>{data?.question_data?.question_data?.question}</p>
-            </li>
-          </>
-        </QuestionDropdown>
+        <Response response={selectedResponse?.text} isPersonal={isPersonal} />
       </QuestionSection>
     </>
   );