chore: update endpoint and attributes

Author: diana-villalvazo-wgu

src/openResponses/components/DetailAssessmentsList.test.tsx

@@ -15,7 +15,7 @@ const mockResults = [
   {
     id: '1',
     unitName: 'Unit 1',
-    assessment: 'Assessment 1',
+    displayName: 'Assessment 1',
     totalResponses: 2,
     training: 0,
     peer: 1,
@@ -44,7 +44,7 @@ describe('DetailAssessmentsList', () => {
     });
     renderWithIntl(<DetailAssessmentsList />);
     expect(screen.getByText(mockResults[0].unitName)).toBeInTheDocument();
-    expect(screen.getByText(mockResults[0].assessment)).toBeInTheDocument();
+    expect(screen.getByText(mockResults[0].displayName)).toBeInTheDocument();
     expect(screen.getByRole('link', { name: /View and Grade Responses/i })).toBeInTheDocument();
   });
 

src/openResponses/components/DetailAssessmentsList.tsx

@@ -11,27 +11,10 @@ interface DataTableFetchDataProps {
   pageIndex: number,
 }
 
-// Example of api response to test on UI
-// const mockResults = [
-//   {
-//     id: '1',
-//     unitName: 'Example Unit',
-//     assessment: 'ORA block number 1',
-//     totalResponses: 2,
-//     training: 0,
-//     peer: 1,
-//     self: 0,
-//     waiting: 0,
-//     staff: 0,
-//     finalGradeReceived: 1,
-//     url: 'http://apps.local.openedx.io:8080/instructor/course-v1:DV-edtech+check+2025-05/open_responses'
-//   }
-// ];
-
 const DetailAssessmentsList = () => {
   const intl = useIntl();
   const { courseId } = useParams();
-  const [page, setPage] = useState(0);
+  const [page, setPage] = useState(1);
   const { data = { count: 0, results: [] }, isLoading } = useDetailAssessmentsData(courseId ?? '', {
     page,
     pageSize: DETAILS_PAGE_SIZE
@@ -41,7 +24,7 @@ const DetailAssessmentsList = () => {
 
   const tableColumns = [
     { accessor: 'unitName', Header: intl.formatMessage(messages.unitName) },
-    { accessor: 'assessment', Header: intl.formatMessage(messages.assessment) },
+    { accessor: 'displayName', Header: intl.formatMessage(messages.assessment) },
     { accessor: 'totalResponses', Header: intl.formatMessage(messages.totalResponses) },
     { accessor: 'training', Header: intl.formatMessage(messages.training) },
     { accessor: 'peer', Header: intl.formatMessage(messages.peer) },
@@ -63,7 +46,7 @@ const DetailAssessmentsList = () => {
 
   return (
     <div className="mt-4.5">
-      <h3>{intl.formatMessage(messages.details)}</h3>
+      <h3 className="text-primary-700">{intl.formatMessage(messages.details)}</h3>
       <DataTable
         columns={tableColumns}
         data={tableData}

src/openResponses/data/api.ts

@@ -1,4 +1,4 @@
-import { getAuthenticatedHttpClient, camelCaseObject } from '@openedx/frontend-base';
+import { getAuthenticatedHttpClient, camelCaseObject, snakeCaseObject } from '@openedx/frontend-base';
 import { getApiBaseUrl } from '../../data/api';
 
 export const getOpenResponsesData = async (courseId: string) => {
@@ -11,7 +11,8 @@ export const getDetailAssessmentsData = async (
   courseId: string,
   params: Record<string, string | number | boolean> = {},
 ) => {
-  const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/open-responses/assessments`;
-  const { data } = await getAuthenticatedHttpClient().get(url, { params });
+  const url = `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/ora`;
+  const snakeCaseParams = snakeCaseObject(params);
+  const { data } = await getAuthenticatedHttpClient().get(url, { params: snakeCaseParams });
   return camelCaseObject(data);
 };