aidenybai / aidenybai/react-scan

feat(scan): search filter for Ranked list

Đang mở
#432 3 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
21.8k
Fork
390
Merge trung bình
23 phút
Pull request đã merge (30 ngày)
1

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.