Skip to content

Add search and filtering to the Members page #253

Description

@Lakes41

Difficulty: Intermediate
Type: UI/UX

Background
The /members route lists members with wallet info, per the README's feature list ("Member management with wallet info"). As guilds grow, admins need a fast way to locate a specific member.

Problem
There is currently no way to search members by wallet address, username/handle, or filter by guild/pass status directly on the /members page — an admin has to scroll through the entire mock list.

Expected outcome
Admins can type into a search box to filter members by wallet address (partial match, case-insensitive) or display name, and can filter by guild and by active/expired pass status, with results updating without a full page reload.

Suggested implementation

  • Add a debounced search input and filter dropdowns to the members page.
  • Extend the members data-fetching layer to accept search, guildId, and status query params.
  • Ensure wallet address matching handles common formatting differences (checksum casing) without leaking full addresses in ways that break existing masking/formatting conventions already used in the UI.
  • Add an explicit "no results" empty state distinct from the loading state.

Acceptance criteria

  • Search input filters the visible member list by wallet address or name.
  • Guild and status filters can be combined with search.
  • Filters are reflected in the URL query string.
  • Empty/loading/error states are all handled distinctly.
  • Tests cover: exact match, partial match, no match, and combined filters.

Likely affected files/directories
apps/dashboard/app/members/, apps/dashboard/lib/mock-data.ts, shared UI components for tables/filters.

Metadata

Metadata

Assignees

Labels

GrantFox OSSGrantFox Open Source Sponsorship program tagMaybe RewardedIssue may qualify for a reward upon successful completion per campaign rulesOfficial Campaign | FWC26Official FWC26 campaign issue — eligible for campaign scoring and rewardsdashboardAutomatically createdenhancementNew feature or requestui/uxUser interface or user experience improvements and design work

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions