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.
Factored from #5
User Story
As a developer
I can use a react component to build user interfaces
So that I can display history grade data
Discussion
We have a swagger api endpoint to return grade data for a course:
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.
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.
Factored from #5
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.