feat: add search & filter bar on public profile (#666)

[Dev1822]

Here is a PR description you can use. You can copy and paste this directly into GitHub:

---

Description

This PR implements the requested search and filter bar on the public profile to help visitors quickly find specific links.

Resolves #666

✨ Features

• Instant Filtering: Added a responsive search input bar placed right below the user's bio in ProfileCard.tsx.
• Case-Insensitive Search: Matches the typed query against both the link's title (label) and platform names without strict casing constraints.
• Empty State Handling: Automatically displays a friendly "No links found" message if the search query doesn't match any existing links.
• Dynamic Link Grouping: Filters appropriately handle grouped links, ensuring that children within a matching group are displayed correctly or isolated if they are the only ones that match.

📸 UI Changes

• A sleek search input field styled to match the selected theme (Glassmorphism, Cyberpunk, Retro, or Default).
• Includes an intuitive magnifying glass icon from lucide-react.

🔄 Testing

• Verified that both top-level social links and standard links filter correctly.
• Confirmed that the empty state message renders nicely on all supported profile themes when there's a non-matching query.
• Confirmed there are no TypeScript errors (npm run lint and npx tsc --noEmit pass for the updated file).

Summary by CodeRabbit

• New Features
  • Added link search to profile pages.
  • Search results update as you type and match link labels, platforms, groups, and nested links.
  • Added a “No links found” message when searches return no results.
• Improvements
  • Empty link groups and nonmatching links are automatically hidden during searches.
  • Existing social links, newsletter signup, and regular link displays remain available.

[vercel]

@Dev1822 is attempting to deploy a commit to the vishnukothakapu's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Review limit reached

@Dev1822, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 55 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: ebd0da74-652d-4235-bc8b-fd0792559532

📥 Commits

Reviewing files that changed from the base of the PR and between 26dcd43 and 2a9d00c.

📒 Files selected for processing (1)

• app/[username]/ProfileCard.tsx

📝 Walkthrough

Walkthrough

ProfileCard now provides client-side search for public profile links. It filters social links and grouped regular links by labels or platforms, excludes empty results, and displays “No links found” when no links match.

Changes

Public profile search

Layer / File(s)	Summary
Link filtering and search results app/[username]/ProfileCard.tsx	ProfileCard becomes a client component with case-insensitive search state. Social links and regular links are filtered by labels or platforms, grouped links retain matching regular children, and the UI renders the search input and “No links found” state. Existing navigation and newsletter behavior remain.

Estimated code review effort: 3 (Moderate) | ~15–30 minutes

Possibly related PRs

• vishnukothakapu/linkid#306: Changes ProfileCard prop typing and ProfileLinks wiring.
• vishnukothakapu/linkid#654: Changes ProfileCard link handling and rendering.
• vishnukothakapu/linkid#670: Adds similar client-side link search and no-results handling.

Suggested labels: type:feature, level:intermediate

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly describes the main change: adding a search and filter bar to public profiles.
Linked Issues check	✅ Passed	The changes meet issue #666 by adding client-side, case-insensitive link filtering and a "No links found" state, including grouped links.
Out of Scope Changes check	✅ Passed	The changes remain within issue #666 and support search filtering for regular, social, and grouped profile links.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

🧪 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.}

[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 `@app/`[username]/ProfileCard.tsx:
- Around line 97-135: The noLinksFound conditional currently hides
NewsletterSubscribeBlock during empty search results. Move the
user.enableEmailCapture rendering of NewsletterSubscribeBlock outside that
conditional, while keeping search filtering limited to socialLinks and
regularLinks display.

🪄 Autofix

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 Plus

Run ID: b64707ea-41c4-4d7a-b80a-d811b98ca967

📥 Commits

Reviewing files that changed from the base of the PR and between b2f6c83 and 26dcd43.

📒 Files selected for processing (1)

• app/[username]/ProfileCard.tsx

[Dev1822]

This pr was done under GSSOC and ELUSOC

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
linkid	Ready	Preview	Aug 14, 2026 6:39am

[Dev1822]

@vishnukothakapu Can you tell me the reason for closing this pr ? Do I need to change anything?

[vishnukothakapu]

@vishnukothakapu Can you tell me the reason for closing this pr ? Do I need to change anything?

@Dev1822 I closed this PR because PR #670 already addresses the same issue and has the same title, and that PR has already been merged. So this one was just a duplicate. Nothing needs to be changed on your side. Thanks for the contribution!