Portal 1387/count graph

[tbolt]

Description

• Adds <PieChart> component for use in displaying Submissions Statuses
• Add data fetching methods to <Dashboard> (@ZacharyRizer)
• Adds mock data to display in <PieChart> (@ZacharyRizer)

Notes

• For the container "card" we are not using the cdc-react <Card> component at this time. However the style was mimicked and some css rules were copied from cdc-react to achieve a similar look.
• For the legend we are using a custom styled <table>. We may need to add table headers to achieve 508 compliance. There may be an alternative way to code the markup such that it's more semantic.
• Nivo - Doesn't appear to support "joining" two sections of the pie together. In the design the two failures were grouped into a single section of the pie. I don't believe we can support that currently.
• Nivo - The patterns are matched as closely as possible. These are the available patterns: https://nivo.rocks/guides/patterns/. Not sure if these designs were final or we want to update to take advantage of what Nivo options are available.
• Nivo - There are two options for PieChart display: <Pie> and <ResponsivePie>. ResponsivePie was not rendering correctly and spending 30-40mins I wasn't able to figure out the cause. More time could be spent to figure this out though.

Known issues

• Nivo is causing an issue with its import method. This appears to be an ongoing issue: v0.81.0 can lead to import issues plouc/nivo#2310

[sonarqubecloud]

Quality Gate passed

Issues
9 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud