finalizing eager load of pages for org program cards

Author: jkachel

frontends/api/src/mitxonline/hooks/courses/queries.ts

@@ -31,8 +31,8 @@ const coursesQueries = {
           return coursesApi.apiV2CoursesList({ ...opts, page: pageParam }).then((res) => res.data)
         },
       initialPageParam: 1,
-      getNextPageParam: (lastPage, allPages, pageParam): number => {
-        return lastPage && lastPage.next ? (pageParam ? pageParam + 1 : 1) : 1
+      getNextPageParam: (lastPage, allPages, pageParam): number | null => {
+        return lastPage && lastPage.next ? (pageParam ? pageParam + 1 : null) : null
       },
     }),
 }

frontends/main/src/app-pages/DashboardPage/OrganizationContent.tsx

@@ -257,7 +257,9 @@ const OrgProgramDisplay: React.FC<{
     <Skeleton width="100%" height="65px" style={{ marginBottom: "16px" }} />
   )
   if (programLoading || courses.isLoading) return skeleton
-  if (!courses.isLoading) console.log(courses.data)
+
+  if (courses.hasNextPage && !courses.isFetching) courses.fetchNextPage()
+
   const transformedCourses = transform.mitxonlineOrgCourses({
     courses: (() =>{
       let courseData: Array<CourseWithCourseRunsSerializerV2> = []