Insights - Add insights charts to storybook
Background
While discussing some options for improvements to some existing charts, it was noticed that the current charts for groupoptimize arent very straightforward to experiment and interact with.
Related to &11681
Proposal
- Add a story file for the insights_chart
- Add a story file for the insights_chart_error
- Add a story file for the insights_page
Implementation guide
-
Add a new story file named insights_chart.stories.js
for theinsights_chart.vue
component - !157713 (merged)- The default story should render the chart with data
- Add a story for the chart without any data available
- Add a story for the chart in the loading state (
loaded=false
)
-
Add a new story file named insights_chart_error.stories.js
for theinsights_chart_error.vue
component -
Add a new story file named insights_page.stories.js
for theinsights_page.vue
component with all props specified
Take a look at the type_of_work_charts.stories.js
file for some inspiration
Edited by Ezekiel Kigbo