Kuadrant / Kuadrant/kuadrant-console-plugin

Epic: Component Quality & UX Polish

Open
#762 0 comments 0 reactions 0 assignees View on GitHub
bug enhancement epic triage/accepted
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.