Skip to content

feat(toprepos): add client-side search/filter to Repos widget#1194

Merged
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:feat/repo-search-filter-965
May 27, 2026
Merged

feat(toprepos): add client-side search/filter to Repos widget#1194
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:feat/repo-search-filter-965

Conversation

@mallya-m
Copy link
Copy Markdown
Contributor

What does this PR do?

Adds a search input to the Top Repositories widget that filters repos by name in real-time. Only shown when the list has more than 10 repos.

Related issue

Closes #965

Changes made

  • Added searchQuery state to TopRepos component
  • Search input shown only when repos.length > 10
  • Client-side filter: case-insensitive match on repo name
  • "No repos match your search." empty state when filter returns nothing
  • Search clears automatically on widget refresh
  • aria-label="Search repositories" for accessibility
  • No API changes — pure frontend filter

How to test

  1. Sign in and go to dashboard
  2. If you have more than 10 repos, a search box appears above the list
  3. Type a repo name — list filters instantly
  4. Clear the input — full list returns
  5. Type something with no match — "No repos match your search." shown

@vercel
Copy link
Copy Markdown

vercel Bot commented May 26, 2026

@mallya-m is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@mallya-m
Copy link
Copy Markdown
Contributor Author

@Priyanshu-byte-coder this is a pure frontend change — no API calls, no new dependencies. Single file edit to TopRepos.tsx. The search input only renders when repos.length > 10 so it doesn't clutter the UI for users with few repos.
Fully accessible with aria-label.
Ready to Merge !
Could you please add the gssoc:approved and quality:clean labels? Thank you!

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:intermediate GSSoC: Intermediate difficulty (35 pts) labels May 27, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit 4e5e3c4 into Priyanshu-byte-coder:main May 27, 2026
1 check passed
@github-actions
Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

@mallya-m mallya-m deleted the feat/repo-search-filter-965 branch May 27, 2026 10:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring level:intermediate GSSoC: Intermediate difficulty (35 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] Add GitHub repository filter/search in Repos widget

2 participants