update the api and pull org content based on org id

Author: gumaerc

frontends/api/package.json

@@ -30,7 +30,7 @@
     "ol-test-utilities": "0.0.0"
   },
   "dependencies": {
-    "@mitodl/mitxonline-api-axios": "^2025.5.20",
+    "@mitodl/mitxonline-api-axios": "^2025.5.23",
     "@tanstack/react-query": "^5.66.0",
     "axios": "^1.6.3"
   }

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

@@ -1,38 +1,27 @@
 import { queryOptions } from "@tanstack/react-query"
 import type { CourseRunEnrollment } from "@mitodl/mitxonline-api-axios/v1"
 
-import { AxiosRequestConfig } from "axios"
 import { enrollmentsApi } from "../../clients"
-
-type EnrollmentsListOptions = {
-  /**
-   * WARNING: This is not yet implemented in the API.
-   */
-  orgId?: number
-}
+import { RawAxiosRequestConfig } from "axios"
 
 const enrollmentKeys = {
   root: ["mitxonline", "enrollments"],
-  coursesList: (opts?: EnrollmentsListOptions) => [
+  enrollmentsList: (opts: RawAxiosRequestConfig) => [
     ...enrollmentKeys.root,
-    "courses",
+    "programEnrollments",
     "list",
     opts,
   ],
 }
 
 const enrollmentQueries = {
-  coursesList: (opts: EnrollmentsListOptions = {}) =>
+  enrollmentsList: (opts: RawAxiosRequestConfig) =>
     queryOptions({
-      queryKey: enrollmentKeys.coursesList(opts),
+      queryKey: enrollmentKeys.enrollmentsList(opts),
       queryFn: async (): Promise<CourseRunEnrollment[]> => {
-        const axiosConfig = { params: opts } as AxiosRequestConfig
-        return enrollmentsApi
-          .enrollmentsList(axiosConfig)
-          .then((res) => res.data)
+        return enrollmentsApi.enrollmentsList(opts).then((res) => res.data)
       },
     }),
 }
 
 export { enrollmentQueries, enrollmentKeys }
-export type { EnrollmentsListOptions }

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

@@ -5,24 +5,17 @@ import type {
 } from "@mitodl/mitxonline-api-axios/v1"
 import { programsApi } from "../../clients"
 
-type ProgramsListRequest = ProgramsApiProgramsListV2Request & {
-  /**
-   * NOT YET IMPLEMENTED
-   */
-  orgId?: number
-}
-
 const programsKeys = {
   root: ["mitxonline", "programs"],
-  programsList: (opts?: ProgramsListRequest) => [
+  programsList: (opts?: ProgramsApiProgramsListV2Request) => [
     ...programsKeys.root,
     "list",
     opts,
   ],
 }
 
 const programsQueries = {
-  programsList: (opts: ProgramsListRequest) =>
+  programsList: (opts: ProgramsApiProgramsListV2Request) =>
     queryOptions({
       queryKey: programsKeys.programsList(opts),
       queryFn: async (): Promise<PaginatedV2ProgramList> => {
@@ -32,4 +25,3 @@ const programsQueries = {
 }
 
 export { programsQueries, programsKeys }
-export type { ProgramsListRequest }

frontends/main/package.json

@@ -14,7 +14,7 @@
     "@emotion/cache": "^11.13.1",
     "@emotion/styled": "^11.11.0",
     "@mitodl/course-search-utils": "3.3.2",
-    "@mitodl/mitxonline-api-axios": "^2025.5.20",
+    "@mitodl/mitxonline-api-axios": "^2025.5.23",
     "@mitodl/smoot-design": "^6.2.2",
     "@next/bundle-analyzer": "^14.2.15",
     "@remixicon/react": "^4.2.0",

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

@@ -153,11 +153,11 @@ const OrganizationContent: React.FC<OrganizationContentProps> = ({ orgId }) => {
   )
   const organization = useQuery(
     organizationQueries.organizationsRetrieve({
-      organization_slug: b2bOrganization?.slug,
+      organization_slug: b2bOrganization?.slug || "",
     }),
   )
-  const enrollments = useQuery(enrollmentQueries.coursesList({ orgId }))
-  const programs = useQuery(programsQueries.programsList({ orgId }))
+  const enrollments = useQuery(enrollmentQueries.enrollmentsList({}))
+  const programs = useQuery(programsQueries.programsList({ org_id: orgId }))
   const courseGroups = useMitxonlineProgramsCourses(
     programs.data?.results ?? [],
   )