Added [search-bar]: search bar added to contributions page

[Jerusha547]

Related Issue

• Closes: 🚀 Feature: Add Search Bar to Contributors Page #351

---

Description

Implemented a contributor search feature on the Contributors page to improve usability and navigation.
Changes made:
Added a search bar below the “🤝 Contributors” heading
Implemented real-time contributor filtering
Added case-insensitive username search
Added “No contributors found” message for empty search results
Improved responsive grid behavior during filtering
Prevented contributor cards from shrinking when fewer results are displayed
Added autofocus to the search input field

This enhancement makes it easier for users to quickly find contributors in larger contributor lists.

---

How Has This Been Tested?

Tested contributor search with existing usernames
Tested partial username matching
Tested case-insensitive searches
Tested no-result scenarios
Tested locally

---

Screenshots (if applicable)

search-bar.mp4

---

Type of Change

• Bug fix
• New feature
• Code style update
• Breaking change
• Documentation update

Summary by CodeRabbit

• New Features
  • Added a search bar to the Contributors page to filter and discover contributors in real-time.
  • Search results update dynamically as you type to help you find contributors quickly.
  • Displays a helpful message when no contributors match your search criteria.
  • Enhanced layout structure for improved visual organization of contributor information.

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	c172e5d
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a0e902d20010d00082a0578
😎 Deploy Preview	https://deploy-preview-354--github-spy.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Warning

Rate limit exceeded

@Jerusha547 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 50 minutes and 27 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8a5117f2-8e69-498f-9f80-028464b06de0

📥 Commits

Reviewing files that changed from the base of the PR and between 90843af and c172e5d.

📒 Files selected for processing (1)

• src/pages/Contributors/Contributors.tsx

📝 Walkthrough

Walkthrough

The Contributors page now includes a client-side search interface that filters the displayed contributor cards by GitHub login in real time. A new searchTerm state holds the search query, Material UI components render the search input with a search icon, and the displayed grid iterates over filteredContributors with a "No contributors found" fallback message.

Changes

Contributor Search

Layer / File(s)	Summary
Search input and state setup src/pages/Contributors/Contributors.tsx	Material UI TextField and InputAdornment imports added along with FaSearch icon; searchTerm state initialized to hold the current search query.
Filtered contributors computation src/pages/Contributors/Contributors.tsx	filteredContributors variable computes results by filtering contributors with case-insensitive login match against searchTerm.
Search UI and grid rendering src/pages/Contributors/Contributors.tsx	Container wrapped with maxWidth="lg"; search TextField with icon adornment rendered and bound to searchTerm; "No contributors found" message displayed conditionally; contributor grid iterates over filteredContributors and md grid column sizing is dynamically computed.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 Search the rabbit did declare,
With floppy ears and textfield fair,
Contributors now filter quick,
By login names, a clever trick!
No more scrolling, no more care,
Find your friend with one compare! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: adding a search bar to the contributions page, which matches the primary focus of the changeset.
Linked Issues check	✅ Passed	All coding requirements from issue #351 are met: search input field, real-time filtering, case-insensitive search, case-insensitive username matching, and no-contributors-found message.
Out of Scope Changes check	✅ Passed	All code changes in ContributorsPage.tsx are directly related to implementing the search feature specified in issue #351; no out-of-scope modifications detected.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check	✅ Passed	PR description follows the template with all required sections completed: Related Issue, Description with detailed changes, How Has This Been Tested with test scenarios, and Type of Change selected.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎉 Thank you @Jerusha547 for your contribution. Please make sure your PR follows https://github.com/GitMetricsLab/github_tracker/blob/main/CONTRIBUTING.md#-pull-request-guidelines

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/pages/Contributors/Contributors.tsx`:
- Around line 186-191: The Button rendering the contributor link (the component
instance with props href={contributor.html_url} and target="_blank") is missing
rel="noopener noreferrer"; update that Button to include rel="noopener
noreferrer" to mitigate reverse-tabnabbing when opening external links in a new
tab (keep the Button, startIcon, sx, and other props unchanged).

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 867b6749-0809-4084-af92-29e84b4af29e

📥 Commits

Reviewing files that changed from the base of the PR and between 9d34c19 and 90843af.

📒 Files selected for processing (1)

• src/pages/Contributors/Contributors.tsx