Kuadrant / Kuadrant/kuadrant-console-plugin
Epic: Component Quality & UX Polish
- Dominant language
- TypeScript
- Stars
- 10
- Forks
- 65
- Avg merge
- 2d 8h
- Merged PRs (30d)
- 44
Description
## Description
Several components have subtle bugs — `DataView` sorting breaks when columns reorder, multiple tables on the same route share sort state and clobber each other, refs get mutated during render triggering **_React warnings_,** and the dark theme makes expired **API keys** hard to read. These aren't crashes, but they erode the user experience.
This epic fixes the sharp edges — stable sort state that survives column changes, namespaced query params so tables don't interfere, clean React patterns that pass linter checks, and theme-aware colors that work in both light and dark modes. Components become reliable instead of quirky.
Contributor guide
Research direction
Start by locating the DataView and table components, the code that manages query parameters and refs, and the API-key display styles. Reproduce the sorting and multiple-table cases, then run the existing linter checks. Done means sorting survives column changes, tables keep separate state, render-time ref warnings are gone, and expired API keys remain readable in both themes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100