chore: improving querykeys

Author: diana-villalvazo-wgu

package.json

@@ -18,7 +18,7 @@
     "*.scss"
   ],
   "scripts": {
-    "dev": "PORT=8081 PUBLIC_PATH=/instructor openedx dev",
+    "dev": "PORT=8080 PUBLIC_PATH=/instructor openedx dev",
     "i18n_extract": "openedx formatjs extract",
     "lint": "openedx lint .",
     "lint:fix": "openedx lint --fix .",

src/data/apiHook.ts

@@ -6,7 +6,8 @@ const COURSE_INFO_QUERY_KEY = ['courseInfo'];
 
 const dateExtensionsQueryKeys = {
   all: [appId, 'dateExtensions'] as const,
-  byId: (id: string) => [...dateExtensionsQueryKeys.all, id] as const,
+  byCourse: (courseId: string) => [...dateExtensionsQueryKeys.all, courseId] as const,
+  byCoursePaginated: (courseId: string, pagination: PaginationQueryKeys) => [...dateExtensionsQueryKeys.byCourse(courseId), pagination.page] as const,
 };
 
 export const useCourseInfo = (courseId: string) => (
@@ -18,7 +19,7 @@ export const useCourseInfo = (courseId: string) => (
 
 export const useDateExtensions = (courseId: string, pagination: PaginationQueryKeys) => (
   useQuery({
-    queryKey: dateExtensionsQueryKeys.all,
+    queryKey: dateExtensionsQueryKeys.byCoursePaginated(courseId, pagination),
     queryFn: () => getDateExtensions(courseId, pagination),
   })
 );

src/dateExtensions/components/DateExtensionsList.tsx

@@ -12,7 +12,7 @@ import { useState } from 'react';
 //   { id: 2, username: 'dianaSalas', fullname: 'Diana Villalvazo', email: 'diana.villalvazo@example.com', graded_subsection: 'Three body diagrams', extended_due_date: '2026-07-15' },
 // ];
 
-export const DATE_EXTENSIONS_PAGE_SIZE = 25;
+const DATE_EXTENSIONS_PAGE_SIZE = 25;
 
 export interface DateExtensionListProps {
   onResetExtensions?: (user: LearnerDateExtension) => void,