aidenybai / aidenybai/react-scan

feat(scan): search filter for Ranked list

Aperta
#432 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
21.8k
Fork
390
Merge medio
23m
PR unite (30g)
1

Descrizione

## Summary

When working with large codebases, the Ranked section becomes difficult to search — there's no way to quickly find a specific component, leading to endless scrolling.

This PR adds a search bar below the Ranked section header to filter rows by label (case-insensitive), making it fast to locate any component.

## Problems Addressed

- **No search in Ranked list** — impossible to quickly find a component at scale
- **Inaccurate bar chart** — bar fill was calculated against only visible rows after filtering, not the full event total
- **Divide-by-zero risk** — bar width math lacked a safe guard for zero-total edge cases

## Changes

- Search input under the Ranked section header — filters rows by label, case-insensitive
- Fixed pointer/focus handling so dragging no longer interrupts user input in form controls
- Bar fill now reflects proportion vs. the full event total (not filtered subset)
- Small, tested helper functions + divide-by-zero guard for bar width calculation

## Please checkout this Video for reference
https://github.com/user-attachments/assets/1e15a498-e153-4406-9b79-db6e654e3904

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.