Skip to content

feat: Implement member filter sidebar (issue#34) - #101

Open
IshimweIsaac wants to merge 9 commits into
react-rwanda:mainfrom
IshimweIsaac:feat/issue-34
Open

feat: Implement member filter sidebar (issue#34)#101
IshimweIsaac wants to merge 9 commits into
react-rwanda:mainfrom
IshimweIsaac:feat/issue-34

Conversation

@IshimweIsaac

Copy link
Copy Markdown

Overview

Closes #34

This PR implements the Member Filter Sidebar on the /members directory page. The sidebar allows users to filter the member list by their tech stack and availability, with all filter states preserved in the URL search parameters to ensure shareability.

Changes Made

  • Added components/members/filter-sidebar.tsx as a client component.
  • Implemented FILTER BY STACK checkboxes utilizing the existing styled Checkbox UI component.
  • Implemented AVAILABILITY dropdown using a native select element.
  • Added a CLEAR ALL FILTERS outlined button.
  • Synced component state with URL parameters (?stack=...&availability=...) on mount and when changes occur.

Acceptance Criteria

  • Checkbox states sync with URL on mount + on change
  • Selected checkbox uses cyan (Checkbox component already styled)
  • Selected dropdown option is highlighted
  • CLEAR ALL FILTERS removes all params from URL

Screenshots

Screenshot From 2026-06-01 23-27-23

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.

ISSUE-034 — Member filter sidebar

1 participant