ENCOA-311

src/components/ExamEditor/Exercises/Blanks/WriteBlankFill/index.tsx

@@ -1,8 +1,8 @@
 import useSectionEdit from "@/components/ExamEditor/Hooks/useSectionEdit";
 import { Card, CardContent } from "@/components/ui/card";
-import { WriteBlanksExercise, ReadingPart } from "@/interfaces/exam";
+import { WriteBlanksExercise, ReadingPart, Difficulty } from "@/interfaces/exam";
 import useExamEditorStore from "@/stores/examEditor";
-import { useState, useReducer, useEffect } from "react";
+import { useState, useReducer, useEffect, useCallback } from "react";
 import { toast } from "react-toastify";
 import BlanksEditor from "..";
 import { AlertItem } from "../../Shared/Alert";
@@ -13,6 +13,7 @@ import AlternativeSolutions from "./AlternativeSolutions";
 
 const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: number }> = ({ exercise, sectionId }) => {
     const { currentModule, dispatch } = useExamEditorStore();
+    const difficulty = useExamEditorStore((state) => state.modules[currentModule].difficulty);
     const { state } = useExamEditorStore(
         (state) => state.modules[currentModule].sections.find((section) => section.sectionId === sectionId)!
     );
@@ -161,6 +162,16 @@ const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: numb
         setEditingAlert(editing, setAlerts);
     }, [editing]);
 
+    const saveDifficulty = useCallback((diff: Difficulty) => {
+        if (!difficulty.includes(diff)) {
+            dispatch({ type: 'UPDATE_MODULE', payload: { updates: { difficulty: [...difficulty, diff]} } });
+        }
+        const updatedExercise = { ...exercise, difficulty: diff };
+        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 } });
+    }, [currentModule, difficulty, dispatch, exercise, section, sectionId]);
+
     return (
         <div className="space-y-4">
             <BlanksEditor
@@ -171,6 +182,8 @@ const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: numb
                 blanksDispatcher={blanksDispatcher}
                 description={local.prompt}
                 initialText={local.text}
+                difficulty={exercise.difficulty}
+                saveDifficulty={saveDifficulty}
                 module={currentModule}
                 showBlankBank={true}
                 onBlankSelect={(blankId) => setSelectedBlankId(blankId?.toString() || null)}