src/services/query/student-courses.js

@@ -8,15 +8,22 @@ export const studentCoursesKeys = {
   detail: (id) => ['student', 'courses', 'detail', id],
 }
 
+const withCoverImage = (course) => ({
+  ...course,
+  image: course.image ?? course.coverUrl ?? null,
+})
+
 const adaptCourseResponse = (response) => {
   const course = response?.data ?? response
   if (!course) return course
-  return {
+  return withCoverImage(course)
-    ...course,
-    image: course.image ?? course.coverUrl ?? null,
-  }
 }
 
+const adaptCourseListResponse = (response) => ({
+  data: (response?.data?.items ?? response?.data ?? []).map((course) => withCoverImage(course)),
+  meta: response?.data?.meta ?? response?.meta,
+})
+
 export const useStudentCoursesListQuery = (filtersRef, paginationRef, options = {}) =>
   useQuery({
     queryKey: ['student', 'courses', 'list', filtersRef, paginationRef],
@@ -25,6 +32,7 @@ export const useStudentCoursesListQuery = (filtersRef, paginationRef, options =
         ...cleanFilters(filtersRef.value),
         ...paginationRef.value,
       }),
+    select: adaptCourseListResponse,
     ...options,
   })