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

@@ -1,5 +1,5 @@
 import React, { ReactNode, useCallback, useEffect, useMemo, useState, useRef } from "react";
-import { FaEye } from "react-icons/fa";
+import { FaEye, FaFileUpload } from "react-icons/fa";
 import clsx from "clsx";
 import Select from "@/components/Low/Select";
 import Input from "@/components/Low/Input";
@@ -18,6 +18,8 @@ interface SettingsEditorProps {
     introPresets: Option[];
     children?: ReactNode;
     canPreview: boolean;
+    canSubmit: boolean;
+    submitModule: () => void;
     preview: () => void;
 }
 
@@ -28,7 +30,9 @@ const SettingsEditor: React.FC<SettingsEditorProps> = ({
     introPresets,
     children,
     preview,
+    submitModule,
     canPreview,
+    canSubmit
 }) => {
     const examLabel = useExamEditorStore((state) => state.modules[module].examLabel) || '';
     const { localSettings, updateLocalAndScheduleGlobal } = useSettingsState<SectionSettings>(
@@ -76,6 +80,10 @@ const SettingsEditor: React.FC<SettingsEditorProps> = ({
         });
     }, [updateLocalAndScheduleGlobal]);
 
+    const submitExam = () => {
+
+    }
+
     return (
         <div className={`flex flex-col gap-8 border bg-ielts-${module}/20 rounded-3xl p-8 w-1/3 h-fit`}>
             <div className={`w-full flex justify-center text-ielts-${module} font-bold text-xl`}>{sectionLabel} Settings</div>
@@ -118,7 +126,19 @@ const SettingsEditor: React.FC<SettingsEditorProps> = ({
                     </div>
                 </Dropdown>
                 {children}
-                <div className="flex flex-row justify-center mt-4">
+                <div className="flex flex-row justify-between mt-4">
+                    <button
+                        className={clsx(
+                            "flex items-center justify-center px-4 py-2 text-white rounded-xl transition-colors duration-300",
+                            `bg-ielts-${module}/70 border border-ielts-${module} hover:bg-ielts-${module} disabled:bg-ielts-${module}/30`,
+                            "disabled:cursor-not-allowed disabled:text-gray-200"
+                        )}
+                        onClick={submitModule}
+                        disabled={!canSubmit}
+                    >
+                        <FaFileUpload className="mr-2" size={18} />
+                        Submit Module as Exam
+                    </button>
                     <button
                         className={clsx(
                             "flex items-center justify-center px-4 py-2 text-white rounded-xl transition-colors duration-300",