headlamp
headlamp copied to clipboard
frontend: Make Workloads overview circular chart's names clickable
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
andmake 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: