ENCOA-228 Now when user navigates between modules the generation items persist. Reading, listening and writing added to level module

src/components/ExamEditor/Exercises/MatchSentences/index.tsx

@@ -37,7 +37,7 @@ const MatchSentences: React.FC<{ exercise: MatchSentencesExercise, sectionId: nu
     setEditing(true);
   };
 
-  const { editing, setEditing, handleSave, handleDiscard, modeHandle } = useSectionEdit({
+  const { editing, setEditing, handleSave, handleDiscard, handleDelete, handlePractice } = useSectionEdit({
     sectionId,
     onSave: () => {
 
@@ -53,19 +53,30 @@ const MatchSentences: React.FC<{ exercise: MatchSentencesExercise, sectionId: nu
 
       const newState = { ...section };
       newState.exercises = newState.exercises.map((ex) => ex.id === exercise.id ? local : ex);
-      dispatch({ type: 'UPDATE_SECTION_STATE', payload: { sectionId, update: newState } });
+      dispatch({ type: 'UPDATE_SECTION_STATE', payload: { sectionId, update: newState, module: currentModule } });
     },
     onDiscard: () => {
       setLocal(exercise);
       setSelectedParagraph(null);
       setShowReference(false);
     },
-    onMode: () => {
+    onDelete: () => {
       const newSection = {
         ...section,
         exercises: section.exercises.filter((ex) => ex.id !== local.id)
       };
-      dispatch({ type: "UPDATE_SECTION_STATE", payload: { sectionId, update: newSection } });
+      dispatch({ type: "UPDATE_SECTION_STATE", payload: { sectionId, update: newSection, module: currentModule } });
+    },
+    onPractice: () => {
+      const updatedExercise = {
+        ...local,
+        //isPractice: !isPractice,
+      };
+      const newState = { ...section };
+      newState.exercises = newState.exercises.map((ex) =>
+        ex.id === exercise.id ? updatedExercise : ex
+      );
+      dispatch({ type: 'UPDATE_SECTION_STATE', payload: { sectionId, update: newState, module: currentModule } });
     }
   });
 
@@ -142,8 +153,10 @@ const MatchSentences: React.FC<{ exercise: MatchSentencesExercise, sectionId: nu
         description={`Edit ${exercise.variant && exercise.variant == "ideaMatch" ? "ideas/opinions" : "headings"} and their matches`}
         editing={editing}
         handleSave={handleSave}
-        modeHandle={modeHandle}
+        handleDelete={handleDelete}
         handleDiscard={handleDiscard}
+        handlePractice={handlePractice}
+        isEvaluationEnabled={true}
       >
         <button
           onClick={() => setShowReference(!showReference)}
@@ -210,7 +223,7 @@ const MatchSentences: React.FC<{ exercise: MatchSentencesExercise, sectionId: nu
             </SortableQuestion>
           ))}
         </QuestionsList>
-        {(section.text.content.split("\n\n").length - 1) === local.sentences.length && (
+        {(section.text !== undefined && section.text.content.split("\n\n").length - 1) === local.sentences.length && (
           <button
             onClick={addHeading}
             className="w-full p-4 border-2 border-dashed border-gray-300 rounded-lg hover:border-blue-500 hover:bg-blue-50 transition-colors flex items-center justify-center gap-2 text-gray-600 hover:text-blue-600"