Constructor
# <Dashboard />
A React component that renders the Dashboard page completely
- The Dashboard page
React.ReactHTMLElement
Members
Array.<object>
# static data
Mock data that represents progresses of individual courses containing progress from 3 different students.
Example
[
{
subject: 'ENMA 601',
A: 50,
B: 76,
C: 90,
fullMark: 150
}
]Array.<object>
# static timeOfCompletion
Mock data that represents that time of completion of modules/assignments aggregated over time binned by months.
Example
[
{
name: "January",
you: "385",
},
]Methods
# static Panel(children, className) → {React.ReactHTMLElement}
A wrapper component that adds styles and different size variations to the child component that is being passed in via props.
Parameters:
| Name | Type | Description |
|---|---|---|
children |
React.ReactChild
|
A React Component that we want to render inside the panel wrapper |
className |
string
|
A string of values that will be inserted into the HTML class attribute that is present in the returned wrapper |
- The complete child argument wrapped in a div with the appropriate styles applied
React.ReactHTMLElement
# static RenderLineChart() → {React.Component}
A simple wrapper component that contains mock data for the line chart. This is a temporary solution until we can get the data from the API.
- To Do:
-
- Replace the mock data with the data from the API
- The line chart component that handles the way the data is visualized
React.Component