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

@@ -12,16 +12,17 @@ interface Props {
     genType: Generating;
     generateFnc: (sectionId: number) => void
     className?: string;
-    levelId?: number;
     level?: boolean;
 }
 
-const GenerateBtn: React.FC<Props> = ({ module, sectionId, genType, generateFnc, className, level = false, levelId }) => {
-    const section = useExamEditorStore((store) => store.modules[level ? "level" : module].sections.find((s) => s.sectionId == levelId ? levelId : sectionId));
+const GenerateBtn: React.FC<Props> = ({ module, sectionId, genType, generateFnc, className, level = false }) => {
+    const section = useExamEditorStore((store) => store.modules[level ? "level" : module].sections.find((s) => s.sectionId == sectionId));
     const [loading, setLoading] = useState(false);
 
     const generating = section?.generating;
+    const genResult = section?.genResult;
     const levelGenerating = section?.levelGenerating;
+    const levelGenResults = section?.levelGenResults;
 
     useEffect(()=> {
         const gen = level ? levelGenerating?.find(g => g === genType) !== undefined : (generating !== undefined && generating === genType);
@@ -29,7 +30,7 @@ const GenerateBtn: React.FC<Props> = ({ module, sectionId, genType, generateFnc,
             setLoading(gen);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [generating, levelGenerating])
+    }, [generating, levelGenerating, levelGenResults, genResult])
 
     if (section === undefined) return <></>;
 
@@ -42,7 +43,7 @@ const GenerateBtn: React.FC<Props> = ({ module, sectionId, genType, generateFnc,
                 className
             )}
             disabled={loading}
-            onClick={loading ? () => { } : () => generateFnc(levelId ? levelId : sectionId)}
+            onClick={loading ? () => { } : () => generateFnc(sectionId)}
         >
             {loading ? (
                 <div key={`section-${sectionId}`} className="flex items-center justify-center">