But what we do not have is a React component to view this data.
In this EPIC, we'll fix that.
Acceptance Criteria
Issue 1: Create React Component
Make a react component, along with fixtures, storybook entry and tests, that will take the JSON output of the /api/gradehistory/search endpoint for some value of subjectArea and courseNumber, and display it, either as a table or a graph, or whatever format you think would be most useful to students and others interested in the data.
Issue 2: Add this component to the course detail page
Each course search result has an circled i ⓘ icon that links to a course details page such as:
In this issue, use the component created in the earlier issue. Retrieve the data for the course from the endpoint and then display it on the course details page.
User Story
Discussion
We have a swagger api endpoint to return grade data for a course:
e.g. https://courses.dokku-00.cs.ucsb.edu/api/gradehistory/search?subjectArea=CMPSC&courseNumber=130A
And there is a job to populate this data:
But what we do not have is a React component to view this data.
In this EPIC, we'll fix that.
Acceptance Criteria
Issue 1: Create React Component
Make a react component, along with fixtures, storybook entry and tests, that will take the JSON output of the /api/gradehistory/search endpoint for some value of subjectArea and courseNumber, and display it, either as a table or a graph, or whatever format you think would be most useful to students and others interested in the data.
Issue 2: Add this component to the course detail page
Each course search result has an circled i ⓘ icon that links to a course details page such as:
https://courses-qa.dokku-00.cs.ucsb.edu/coursedetails/20221/00018
In this issue, use the component created in the earlier issue. Retrieve the data for the course from the endpoint and then display it on the course details page.