Reimbursement Filter Bar
Component Detail
User Interface
medium complexity
frontend
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Composable filter panel rendered above the reimbursement list, enabling administrators to narrow results by peer mentor, expense type, approval status, amount range, and submission date range. Emits filter change events that trigger re-fetches against the API without full page reloads. Persists active filter state in URL query parameters for bookmarkable views.
reimbursement-filter-bar
Responsibilities
- Render filter controls for peer mentor, expense type, status, amount range, and date range
- Emit debounced filter-change events to the parent oversight screen
- Serialize active filters to URL query parameters
- Restore filter state from URL on page load
- Provide a clear-all-filters action
Interfaces
onFilterChange(filters)
setFilter(key, value)
clearFilters()
getActiveFilters()
serializeToQuery(filters)
deserializeFromQuery(queryString)