headlamp icon indicating copy to clipboard operation
headlamp copied to clipboard

frontend: Make Workloads overview circular chart's names clickable

Open joaquimrocha opened this issue 11 months ago • 0 comments

As an extra way of accessing the workloads corresponding to each chart, we should make sure that the workloads' circular charts' names are clickable (taking the user to the corresponding workload list page).

Notes

  • See the general development guide
  • See the frontend contributing guide in docs/development/frontend.md
  • You will need to run make run-frontend and make run-backend in separate terminals
  • cd frontend && npm install to install everything to run the frontend
  • npm run storybook can be used to develop the component separately without needing to set up kubernetes or the backend.
  • See the frontend/src/components/workloads/ folder especially Overview.tsx
  • It uses TypeScript, React, Mui for components, and react router for links.

Make these charts clickable:

image

joaquimrocha avatar Mar 13 '24 10:03 joaquimrocha