Ajay fixed search bar in community portal

[naiduajaykumar]

Description

Related PRS (if any):

This frontend PR is not related to any backend PR.

Main changes explained:

Implemented new search icon in search bar with good UI

How to test:

1. check into current branch
2. do yarn install and run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to dashboard→ and hit this url "http://localhost:5173/communityportal"
6. login with same credentials which used earlier for dashboard login
7. verify this new feature works

Screenshots or videos of changes:

PR-4466-6.mp4

Note:

I had just developed the search icon feature.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	fdd6110
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6937826ce1207300083d9631
😎 Deploy Preview	https://deploy-preview-4466--highestgoodnetwork-dev.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.

[VijayAnirudh]

Review Summary ✅

I pulled down the Ajay-fixed-search-bar-in-communityportal branch and tested the changes locally:

• Search Bar Functionality

  • Search input updates correctly and filters events by title, location, or organizer.
  • Clear button (X) resets the search input and results as expected.
  • Enter key triggers search consistently.
  • Search icon button works properly and is accessible.

• UI/UX Improvements

  • Search bar styling is improved with pill-shaped input, clear button, and circular search icon.
  • Padding and alignment are consistent across the dashboard.
  • Pagination controls function correctly (Previous/Next buttons update event list).
  • Fallback image renders properly when event images are missing.

• Error & Loading States

  • Loading message displays while fetching events.
  • Error message shows if events fail to load.
  • No console errors or warnings observed.

• Additional Checks

  • Verified date filter, online-only checkbox, and dropdowns render without breaking layout.
  • Dark mode styling remains consistent.
  • Netlify deploy preview matches local behavior.

Conclusion

All acceptance criteria have been met:

• Search bar fixes are functional and user-friendly.
• UI improvements enhance clarity and accessibility.
• No regressions found in event listing or pagination.

Approving this PR ✅

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[one-community]

Thank you all, merging!