ENCOA-311

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

@@ -1,5 +1,5 @@
-import { FillBlanksExercise, ReadingPart } from "@/interfaces/exam";
-import { useEffect, useReducer, useState } from "react";
+import { Difficulty, FillBlanksExercise, ReadingPart } from "@/interfaces/exam";
+import { useCallback, useEffect, useReducer, useState } from "react";
 import BlanksEditor from "..";
 import { Card, CardContent } from "@/components/ui/card";
 import { MdEdit, MdEditOff } from "react-icons/md";
@@ -21,6 +21,7 @@ interface Word {
 
 const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; 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)!
     );
@@ -249,12 +250,24 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
         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
                 alerts={alerts}
                 editing={editing}
                 state={blanksState}
+                difficulty={exercise.difficulty}
+                saveDifficulty={saveDifficulty}
                 blanksDispatcher={blanksDispatcher}
                 description="Place blanks and assign words from the word bank"
                 initialText={local.text}