ENCOA-311

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { Card, CardContent } from '@/components/ui/card';
 import {
     MdAdd,
@@ -13,7 +13,7 @@ import Header from '../../Shared/Header';
 import clsx from 'clsx';
 import Alert, { AlertItem } from '../Shared/Alert';
 import AutoExpandingTextArea from '@/components/Low/AutoExpandingTextarea';
-import { ReadingPart, WriteBlanksExercise } from '@/interfaces/exam';
+import { Difficulty, ReadingPart, WriteBlanksExercise } from '@/interfaces/exam';
 import useExamEditorStore from '@/stores/examEditor';
 import useSectionEdit from '../../Hooks/useSectionEdit';
 import setEditingAlert from '../Shared/setEditingAlert';
@@ -25,8 +25,8 @@ import PromptEdit from '../Shared/PromptEdit';
 
 
 const WriteBlanks: React.FC<{ sectionId: number; exercise: WriteBlanksExercise; }> = ({ sectionId, exercise }) => {
-
     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)!
     );
@@ -231,12 +231,24 @@ const WriteBlanks: React.FC<{ sectionId: number; exercise: WriteBlanksExercise;
     }, [local.solutions]);
 
 
+    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="p-4">
             <Header
                 title={"Write Blanks: Questions"}
                 description="Edit questions and their solutions"
                 editing={editing}
+                difficulty={exercise.difficulty}
+                saveDifficulty={saveDifficulty}
                 handleSave={handleSave}
                 handleDiscard={handleDiscard}
                 handleDelete={handleDelete}