User Interface medium complexity frontendbackend
2
Dependencies
0
Dependents
2
Entities
0
Integrations

Description

Server-side rendered Next.js dashboard page displaying aggregated reimbursement metrics for the scoped organization or local association. Shows summary cards for total approved, pending, and rejected amounts, a breakdown by expense type, and a time-series trend chart using Recharts. Drill-down links navigate to the filtered expense approval queue.

Feature: Reimbursement Overview

reimbursement-overview-page

Responsibilities

  • Render summary stat cards for approved, pending, and rejected reimbursement totals
  • Display expense breakdown by type using grouped chart or table
  • Render time-series trend chart via Recharts for historical spend patterns
  • Provide date range and status filter controls scoped to the user's org or local association
  • Trigger CSV export download via server action or API route

Interfaces

render(orgId, roleScope, dateRange): PageProps
onDrillDown(status, filters): void
onExportCSV(filters): void
onDateRangeChange(range): void

Relationships

Dependencies (2)

Components this component depends on

Related Data Entities (2)

Data entities managed by this component