Skip to content

Comments

feat: add search functionality for events with URL-based filtering an…#172

Open
Shalini828 wants to merge 3 commits intoreactplay:mainfrom
Shalini828:feature/search-functionality-163
Open

feat: add search functionality for events with URL-based filtering an…#172
Shalini828 wants to merge 3 commits intoreactplay:mainfrom
Shalini828:feature/search-functionality-163

Conversation

@Shalini828
Copy link

Added search functionality for the Events page.

  • Integrated search input in Navbar

  • Implemented URL-based filtering using ?search=

  • Added debounced search for better performance

  • Displays dynamic "No results found" message

Closes #163

@netlify
Copy link

netlify bot commented Feb 21, 2026

Deploy Preview for reactkolkata ready!

Name Link
🔨 Latest commit 271cc70
🔍 Latest deploy log https://app.netlify.com/projects/reactkolkata/deploys/699b22b8063cd50008406888
😎 Deploy Preview https://deploy-preview-172--reactkolkata.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link
Member

@priyankarpal priyankarpal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Attaching a screen recording below

Screencast.From.2026-02-22.21-14-39.mp4

<div className="ml-4 hidden items-center lg:flex">
<input
type="text"
placeholder="Search..."
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
placeholder="Search..."
placeholder="Search events"

Comment on lines +143 to +149
<input
type="text"
placeholder="Search..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="rounded-md border border-slate-600 bg-slate-800 px-3 py-1 text-sm text-white outline-none focus:border-sky-400"
/>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • add a search icon, when a user clicks on it then show input.

Comment on lines +27 to +29
if (pathname.includes("/events")) {
router.push(`/events?search=${searchQuery}`);
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • now users can't see anything when they search for events in the homepage
  • it should be when a user search for any event then it will auto navigate to the /events route and show the details [only for event search]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request]: Add Search Functionality for Events/Content

2 participants