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/WriteBlankFill/index.tsx

@@ -7,7 +7,7 @@ import { toast } from "react-toastify";
 import BlanksEditor from "..";
 import { AlertItem } from "../../Shared/Alert";
 import setEditingAlert from "../../Shared/setEditingAlert";
-import { blanksReducer } from "../FillBlanksReducer";
+import { blanksReducer } from "../BlanksReducer";
 import { validateWriteBlanks } from "./validation";
 import AlternativeSolutions from "./AlternativeSolutions";
 import clsx from "clsx";
@@ -126,6 +126,16 @@ const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: numb
         }));
     };
 
+    const handleBlankRemove = (blankId: number) => {
+        if (!editing) setEditing(true);
+        setLocal(prev => ({
+            ...prev,
+            solutions: prev.solutions.filter(s => s.id !== blankId.toString())
+        }));
+    
+        blanksDispatcher({ type: "REMOVE_BLANK", payload: blankId });
+    };
+
     useEffect(() => {
         validateWriteBlanks(local.solutions, local.maxWords, setAlerts);
     }, [local.solutions, local.maxWords]);
@@ -147,6 +157,7 @@ const WriteBlanksFill: React.FC<{ exercise: WriteBlanksExercise; sectionId: numb
                 module={currentModule}
                 showBlankBank={true}
                 onBlankSelect={(blankId) => setSelectedBlankId(blankId?.toString() || null)}
+                onBlankRemove={handleBlankRemove}
                 onSave={handleSave}
                 onDiscard={handleDiscard}
                 onDelete={modeHandle}

src/components/ExamEditor/Exercises/Blanks/WriteBlankFill/validation.ts

@@ -1,5 +1,5 @@
 import { AlertItem } from "../../Shared/Alert";
-import { BlankState } from "../FillBlanksReducer";
+import { BlankState } from "../BlanksReducer";
 
 
 export const validateWriteBlanks = (