aidenybai / aidenybai/react-scan

feat(scan): search filter for Ranked list

オープン
#432 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
21.8k
フォーク
390
平均マージ
23分
マージ済み PR(30日)
1

説明

## 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

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。