Fix courses not coming even if API is working

src/screens/Attendance/Attendance.tsx

@@ -127,12 +127,12 @@ function ViewAttendance({
       setError(true);
       if (typeof coursesFetchError === "string") {
         setErrorText(coursesFetchError);
-      } else {
+      } else if (!coursesFetchError) {
         setErrorText("No courses found");
       }
     }
     setIsLoading(false);
-  }, [allCourses]);
+  }, [allCourses, coursesFetchError]);
 
   useEffect(() => {
     setIsLoading(true);

src/screens/Dashboard/components/CourseTable.tsx

@@ -20,6 +20,7 @@ let coursesFetchError: string | boolean = false;
 
 function CourseTable(): React.JSX.Element {
   const [courses, setCourses] = useState<Record<string, COURSE>>({});
+  const [coursesError, setCoursesError] = useState<string | boolean>(false);
 
   const fetchCourseDetails = async () => {
     try {
@@ -40,20 +41,20 @@ function CourseTable(): React.JSX.Element {
           timeoutPromise,
         ])) as Response;
 
-        if (response.status % 100 == 2) {
-          const json = await response.json();
+        if (response.status / 100 == 2) {
+          const json = await (response as Response).json();
           setCourses(json);
-          coursesFetchError = false;
+          setCoursesError(false);
         } else {
           const responseText = await response.text();
           const serverMessage = JSON.parse(responseText);
-          coursesFetchError = serverMessage.detail;
+          setCoursesError(serverMessage.detail);
         }
       }
     } catch (error) {
       const errorMessage =
         error instanceof Error ? error.message : "Error fetching courses";
-      coursesFetchError = errorMessage;
+      setCoursesError(errorMessage);
     }
   };
 
@@ -65,6 +66,10 @@ function CourseTable(): React.JSX.Element {
     allCourses = courses;
   }, [courses]);
 
+  useEffect(() => {
+    coursesFetchError = coursesError;
+  }, [coursesError]);
+
   // just to trigger useEffect
   return <View />;
 }