Sayali: add search functionality to community members page#4867
Open
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Open
Sayali: add search functionality to community members page#4867sayali-2308 wants to merge 2 commits intodevelopmentfrom
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Conversation
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
sayali-2308
added
the
High Priority - Please Review First
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Implements Task #23 (PRIORITY HIGH): HGN Questionnaire Dashboard – Add Search Functionality to Community Members Page.
PR #4129 had the working implementation of the
/hgnhelp/communityroute. PR #4281 added search functionality but the search bar was not visible or rendering on the page. This PR properly integrates the search feature into the working branch, ensures the search bar is visible, and correctly connects it to the data source.Implements # 23 (Priority High - HGN Questionnaire Dashboard - Add Search Functionality to Page)
Related PRs (if any):
This PR integrates work from the already merged PR #4129 and PR #4281.
No additional backend PR required — search filtering is handled client-side.
Main changes explained:
CommunityMembersPage.jsxto add a visible search bar above the skill/preference filters, connected to asearchQuerystate. Members now show when search query is typed, even without skill/preference filters selected. Added PropTypes validation.RankedUserList.jsxto acceptsearchQueryprop and apply client-side filtering on fetched results by member name and top skills. Added PropTypes validation.CommunityMembersPage.module.cssto add search bar styles for both light and dark mode.How to test:
Sayali_Add_Search_To_Community_Pagenpm installandnpm run start:localto run the frontend locallyhttp://localhost:5173/hgnhelp/communityScreenshots or videos of changes:
Note:
Search filtering is done client-side on top of API results — no backend changes required.