diff --git a/src/components/Layouts.jsx/MainLayout.jsx b/src/components/Layouts.jsx/MainLayout.jsx index 35b1c9b0..0f7d31be 100644 --- a/src/components/Layouts.jsx/MainLayout.jsx +++ b/src/components/Layouts.jsx/MainLayout.jsx @@ -882,7 +882,7 @@ const MainLayout = (props) => { /> ) : ( correctImage )} diff --git a/src/components/Practice/Mechanics5.jsx b/src/components/Practice/Mechanics5.jsx index 435a82e7..8642c907 100644 --- a/src/components/Practice/Mechanics5.jsx +++ b/src/components/Practice/Mechanics5.jsx @@ -11,7 +11,7 @@ const Mechanics5 = ({ isDiscover, header, parentWords, - options, + options = {}, image, question_audio, handleNext, @@ -63,7 +63,8 @@ const Mechanics5 = ({ const updateStoredData = (audios, isCorrect) => { if (audios) { const newEntry = { - selectedAnswer: options[selectedOption]?.text, + selectedAnswer: + options && options.length > 0 && options[selectedOption]?.text, audioUrl: audios, correctAnswer: isCorrect, }; @@ -218,7 +219,7 @@ const Mechanics5 = ({ - {options.length && + {options && options.length > 0 ? ( options.map((option, i) => ( - {option.text} + {option?.text || "Text is missing"} - ))} + )) + ) : ( +
No options available
+ )} @@ -279,6 +283,8 @@ const Mechanics5 = ({ storyLine={storyLine} dontShowListen={type === "image" || isDiscover} originalText={ + options && + options.length > 0 && options.find((option) => option.isAns === true).text ? options.find((option) => option.isAns === true).text : parentWords diff --git a/src/views/Practice/Practice.jsx b/src/views/Practice/Practice.jsx index 9cb71d24..32210326 100644 --- a/src/views/Practice/Practice.jsx +++ b/src/views/Practice/Practice.jsx @@ -831,7 +831,7 @@ const Practice = () => { setOpenMessageDialog, options: questions[currentQuestion]?.mechanics_data ? questions[currentQuestion]?.mechanics_data[0]?.options - : null, + : [], }} /> ); @@ -881,7 +881,7 @@ const Practice = () => { } else if (mechanism.name === "readTheImage") { const options = questions[currentQuestion]?.mechanics_data ? questions[currentQuestion]?.mechanics_data[0]?.options - : null; + : []; const audioLink = options && options.length > 0 ? options.find((option) => option.isAns === true)?.audio_url || null @@ -1059,7 +1059,7 @@ const Practice = () => { setOpenMessageDialog, options: questions[currentQuestion]?.mechanics_data ? questions[currentQuestion]?.mechanics_data[0]?.options - : null, + : [], }} /> );