Reports Page
Component Detail
Description
Server-side rendered Next.js page in the Admin Web Portal that displays aggregated activity data for the authenticated organization's peer mentor team. Exposes date range pickers, activity type filters, and peer mentor selector dropdowns labelled with each organization's configured terminology overrides. Renders paginated result tables with cursor-based loading to handle NHF-scale organizations.
reports-page
Sources & reasoning
The Reports Page is the primary interface coordinators and org admins use to view aggregated team activity data. SSR ensures tenant-scoped data is never exposed client-side before auth checks, and the filter controls directly address the operational need to identify underreporting gaps and verify data quality before grant reporting cycles.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render filterable, paginated activity aggregation table scoped to the current tenant
- Expose date range, activity type, and peer mentor filter controls
- Trigger CSV export download via the export endpoint
- Apply role guard - restrict access to Coordinator and Org Admin roles
- Display terminology-overridden labels sourced from organization configuration
Interfaces
renderReportPage(filters: ReportFilters): NextPage
onFilterChange(filters: ReportFilters): void
onExportClick(): void
onPageChange(cursor: string): void