Added Speaking to level, fixed a bug where it was causing level to crash if the listening was already created and the section was switched, added true false exercises to listening

src/components/ExamEditor/SettingsEditor/Shared/SectionPicker.tsx

@@ -3,6 +3,7 @@ import { Module } from "@/interfaces";
 import useExamEditorStore from "@/stores/examEditor";
 import Dropdown from "./SettingsDropdown";
 import { LevelSectionSettings } from "@/stores/examEditor/types";
+import { LevelPart } from '@/interfaces/exam';
 
 interface Props {
   module: Module;
@@ -19,13 +20,15 @@ const SectionPicker: React.FC<Props> = ({
 }) => {
   const { dispatch } = useExamEditorStore();
   const [selectedValue, setSelectedValue] = React.useState<number | undefined>(undefined);
-  
+
   const sectionState = useExamEditorStore(state =>
     state.modules["level"].sections.find((s) => s.sectionId === sectionId)
   );
-  
+
+  const state = sectionState?.state as LevelPart;
+
   if (sectionState === undefined) return null;
-  
+
   const { readingSection, listeningSection } = sectionState;
   const currentValue = selectedValue ?? (module === "reading" ? readingSection : listeningSection);
   const options = module === "reading" ? [1, 2, 3] : [1, 2, 3, 4];
@@ -34,16 +37,44 @@ const SectionPicker: React.FC<Props> = ({
   const handleSectionChange = (value: number) => {
     const newValue = currentValue === value ? undefined : value;
     setSelectedValue(newValue);
-    
+    let update = {};
+    if (module == "reading") {
+      update = {
+        text: undefined
+      }
+    } else {
+      if (state.audio?.source) {
+        URL.revokeObjectURL(state.audio.source)
+      }
+      update = {
+        audio: undefined,
+        script: undefined,
+      }
+    }
+
     dispatch({
-      type: "UPDATE_SECTION_SINGLE_FIELD",
+      type: "UPDATE_SECTION_STATE",
       payload: {
         sectionId,
         module: "level",
-        field: module === "reading" ? "readingSection" : "listeningSection",
-        value: newValue
+        update: {
+          ...state,
+          ...update
+        }
       }
-    });
+    })
+
+    setTimeout(() => {
+      dispatch({
+        type: "UPDATE_SECTION_SINGLE_FIELD",
+        payload: {
+          sectionId,
+          module: "level",
+          field: module === "reading" ? "readingSection" : "listeningSection",
+          value: newValue
+        }
+      });
+    }, 500);
   };
 
   const getTitle = () => {
@@ -69,7 +100,7 @@ const SectionPicker: React.FC<Props> = ({
             className={`
               flex items-center space-x-3 font-semibold cursor-pointer p-2 rounded
               transition-colors duration-200
-              ${currentValue === num 
+              ${currentValue === num
                 ? `bg-ielts-${module}/90 text-white`
                 : `hover:bg-ielts-${module}/70 text-gray-700`}
             `}
@@ -81,7 +112,7 @@ const SectionPicker: React.FC<Props> = ({
             <input
               type="checkbox"
               checked={currentValue === num}
-              onChange={() => {}}
+              onChange={() => { }}
               className={`
                 h-5 w-5 cursor-pointer
                 accent-ielts-${module}