Expense Drill-Down Filter Panel
Component Detail
User Interface
low complexity
frontend
1
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Widget embedded in the Reimbursement Dashboard Page that allows admins to narrow aggregate metrics by individual peer mentor, expense type, and date range. Filter state drives both chart re-renders and CSV export scope.
expense-drill-down-filter-panel
Responsibilities
- Render peer mentor selector with autocomplete sourced from the organization roster
- Render expense type multi-select aligned with the configured expense taxonomy
- Render date range picker with preset shortcuts (this month, quarter, year) and custom range support
- Emit typed filter-change events consumed by the parent dashboard and export service
Interfaces
onFilterChange(filters: ExpenseFilters): void
reset(): void
getActiveFilters(): ExpenseFilters