Blanks Exercises were removing the blanks on the editor and text but not on solutions, added submit and preview to writing and reading

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

@@ -6,7 +6,7 @@ import { MdEdit, MdEditOff } from "react-icons/md";
 import FillBlanksWord from "./FillBlanksWord";
 import { FaPlus } from "react-icons/fa";
 import useExamEditorStore from "@/stores/examEditor";
-import { blanksReducer, BlankState, getTextSegments } from "../FillBlanksReducer";
+import { blanksReducer, BlankState, getTextSegments } from "../BlanksReducer";
 import useSectionEdit from "@/components/ExamEditor/Hooks/useSectionEdit";
 import { AlertItem } from "../../Shared/Alert";
 import validateBlanks from "../validateBlanks";
@@ -75,7 +75,6 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
             );
 
             dispatch({ type: 'UPDATE_SECTION_STATE', payload: { sectionId, update: newState } });
-            dispatch({ type: "REORDER_EXERCISES" });
         },
         onDiscard: () => {
             setSelectedBlankId(null);
@@ -103,7 +102,6 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
                 exercises: section.exercises.filter((ex) => ex.id !== local.id)
             };
             dispatch({ type: "UPDATE_SECTION_STATE", payload: { sectionId, update: newSection } });
-            dispatch({ type: "REORDER_EXERCISES" });
         }
     });
 
@@ -211,11 +209,30 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
         });
     };
 
+    const handleBlankRemove = (blankId: number) => {
+        if (!editing) setEditing(true);
+        
+        const newAnswers = new Map(answers);
+        newAnswers.delete(blankId.toString());
+        setAnswers(newAnswers);
+
+        setLocal(prev => ({
+            ...prev,
+            solutions: Array.from(newAnswers.entries()).map(([id, solution]) => ({
+                id,
+                solution
+            }))
+        }));
+        blanksDispatcher({ type: "REMOVE_BLANK", payload: blankId });
+    };
+
     useEffect(() => {
         validateBlanks(blanksState.blanks, answers, alerts, setAlerts);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [answers, blanksState.blanks, blanksState.textMode])
 
+    
+
     useEffect(()=> {
         setEditingAlert(editing, setAlerts);
     }, [editing])
@@ -232,6 +249,7 @@ const FillBlanksLetters: React.FC<{ exercise: FillBlanksExercise; sectionId: num
                 module={currentModule}
                 showBlankBank={true}
                 onBlankSelect={(blankId) => setSelectedBlankId(blankId?.toString() || null)}
+                onBlankRemove={handleBlankRemove}
                 onSave={handleSave}
                 onDiscard={handleDiscard}
                 onDelete={modeHandle}