Increase page size to 30 for contract programs (#3036)

* Add page_size to program list query when pulling programs for contracts, so we get a few more back

* Add page size where we're generating a list of page IDs

Author: jkachel

frontends/main/src/app-pages/DashboardPage/ContractContent.test.tsx

@@ -140,6 +140,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         org_id: orgX.id,
         contract_id: contract.id,
+        page_size: 30,
       }),
       {
         results: [programA, programB],
@@ -288,6 +289,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         id: programIds,
         contract_id: orgX.contracts[0].id,
+        page_size: programIds.length,
       }),
       { results: [programB, programA] }, // Return in same order as requested
     )
@@ -366,6 +368,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         id: programIds,
         contract_id: orgX.contracts[0].id,
+        page_size: programIds.length,
       }),
       { results: [programA, programB] }, // API returns A first
     )
@@ -428,6 +431,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         id: [programA.id],
         contract_id: orgX.contracts[0].id,
+        page_size: 1,
       }),
       { results: [programA] },
     )
@@ -491,6 +495,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         id: programIds,
         contract_id: orgX.contracts[0].id,
+        page_size: programIds.length,
       }),
       { results: [programB, programA] },
     )
@@ -644,6 +649,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         id: programIds,
         contract_id: orgX.contracts[0].id,
+        page_size: programIds.length,
       }),
       { results: [programANoCourses, programB] },
     )
@@ -709,6 +715,7 @@ describe("ContractContent", () => {
       urls.programs.programsList({
         org_id: orgX.id,
         contract_id: orgX.contracts[0].id,
+        page_size: 30,
       }),
       {
         results: [programWithCertificate],

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

@@ -207,6 +207,7 @@ const useProgramCollectionCourses = (
     ...programsQueries.programsList({
       id: programIds,
       contract_id: contractId,
+      page_size: programIds.length,
     }),
     enabled: programIds.length > 0,
   })
@@ -465,7 +466,11 @@ const ContractContentInternal: React.FC<ContractContentInternalProps> = ({
     enrollmentQueries.programEnrollmentsList(),
   )
   const programsQuery = useQuery(
-    programsQueries.programsList({ org_id: orgId, contract_id: contract.id }),
+    programsQueries.programsList({
+      org_id: orgId,
+      contract_id: contract.id,
+      page_size: 30,
+    }),
   )
   const programCollectionsQuery = useQuery(
     programCollectionQueries.programCollectionsList({}),

frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/test-utils.ts

@@ -166,6 +166,7 @@ const setupProgramsAndCourses = () => {
     urls.programs.programsList({
       org_id: orgX.id,
       contract_id: contract.id,
+      page_size: 30,
     }),
     {
       results: [programA, programB],
@@ -314,6 +315,7 @@ function setupOrgDashboardMocks(
       mitxonline.urls.programs.programsList({
         org_id: org.id,
         contract_id: contracts[0].id,
+        page_size: 30,
       }),
       { results: programs },
     )