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/reading.tsx

@@ -7,21 +7,33 @@ import ExercisePicker from "../Shared/ExercisePicker";
 import { generate } from "./Shared/Generate";
 import GenerateBtn from "./Shared/GenerateBtn";
 import useSettingsState from "../Hooks/useSettingsState";
-import { ReadingPart } from "@/interfaces/exam";
+import { ReadingExam, ReadingPart } from "@/interfaces/exam";
 import { ReadingSectionSettings } from "@/stores/examEditor/types";
 import useExamEditorStore from "@/stores/examEditor";
 import openDetachedTab from "@/utils/popout";
 import { useRouter } from "next/router";
 import { usePersistentExamStore } from "@/stores/examStore";
+import axios from "axios";
+import { playSound } from "@/utils/sound";
+import { toast } from "react-toastify";
 
 const ReadingSettings: React.FC = () => {
     const router = useRouter();
 
-    const { currentModule } = useExamEditorStore();
+    const {
+        setExam,
+        setExerciseIndex,
+        setPartIndex,
+        setQuestionIndex,
+    } = usePersistentExamStore();
+
+    const { currentModule, title } = useExamEditorStore();
     const {
         focusedSection,
         difficulty,
         sections,
+        minTimer,
+        isPrivate,
     } = useExamEditorStore(state => state.modules[currentModule]);
 
     const { localSettings, updateLocalAndScheduleGlobal } = useSettingsState<ReadingSectionSettings>(
@@ -68,18 +80,75 @@ const ReadingSettings: React.FC = () => {
     }, [updateLocalAndScheduleGlobal]);
 
 
-    const canPreview = sections.some(
+    const canPreviewOrSubmit = sections.some(
         (s) => (s.state as ReadingPart).exercises && (s.state as ReadingPart).exercises.length > 0
     );
 
+    const submitReading = () => {
+        const exam: ReadingExam = {
+            parts: sections.map((s) => {
+                const exercise = s.state as ReadingPart;
+                return {
+                    ...exercise,
+                    intro: localSettings.currentIntro,
+                    category: localSettings.category
+                };
+            }),
+            isDiagnostic: false,
+            minTimer,
+            module: "reading",
+            id: title,
+            type: "academic",
+            variant: sections.length === 3 ? "full" : "partial",
+            difficulty,
+            private: isPrivate,
+        };
+
+        axios.post(`/api/exam/reading`, exam)
+            .then((result) => {
+                playSound("sent");
+                toast.success(`Submitted Exam ID: ${result.data.id}`);
+            })
+            .catch((error) => {
+                console.log(error);
+                toast.error(error.response.data.error || "Something went wrong while submitting, please try again later.");
+            })
+    }
+
+    const preview = () => {
+        setExam({
+            parts: sections.map((s) => {
+                const exercise = s.state as ReadingPart;
+                return {
+                    ...exercise,
+                    intro: localSettings.currentIntro,
+                    category: localSettings.category
+                };
+            }),
+            minTimer,
+            module: "reading",
+            id: title,
+            isDiagnostic: false,
+            variant: undefined,
+            difficulty,
+            private: isPrivate,
+        } as ReadingExam);
+        setExerciseIndex(0);
+        setQuestionIndex(0);
+        setPartIndex(0);
+        openDetachedTab("popout?type=Exam&module=reading", router)
+    }
+
     return (
         <SettingsEditor
             sectionLabel={`Passage ${focusedSection}`}
             sectionId={focusedSection}
             module="reading"
             introPresets={[defaultPresets[focusedSection - 1]]}
-            preview={() => { }}
-            canPreview={canPreview}
+            preview={preview}
+            canPreview={canPreviewOrSubmit}
+            canSubmit={canPreviewOrSubmit}
+            submitModule={submitReading}
         >
             <Dropdown
                 title="Generate Passage"