Skip to content

FE 2 - Implement search, filter, and sort functionalities to the table #62

@notjackl3

Description

@notjackl3

Add search, filtering, and sorting functionality to the volunteer tracking list.

Notes:

  • This ticket is built on top of the existing volunteer table UI
  • Debounce search input to avoid excessive API calls (100-300ms)
  • Filters should be applied server-side or client-side depending on data size
  • Ensure filter state is preserved appropriately
  • Include a description of the ticket and the implementation in the PR (with screenshots showing search, filter, and sort in action!)

The goal is to:

  • Implement search bar that filters results across all text fields
  • Create "Filter" button that opens a filter dropdown/panel
  • Add filter by "Current Role" dropdown with options fetched from API
  • Add filter by "Cohort" dropdown with options fetched from API
  • Show active filters as tags below the filter bar
  • Create "Sort" button that allows sorting by any column (ascending/descending)
  • Display "Filtered by: Current Role, Cohort" indicator when filters are active
  • Ensure filters, search, and sort work together correctly
  • Handle edge cases (no results found, clearing filters)

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendthis ticket is part of the frontend

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions