Team Report Screen
Component Detail
Description
Main mobile screen giving coordinators a sortable, filterable summary of team activity across all peer mentors in their local association. Displays per-mentor totals, last-active dates, and activity-type breakdowns for a selected reporting period.
team-report-screen
Responsibilities
- Render sortable list of peer mentors with activity totals and last-active date
- Provide period selector (month, quarter, custom range) to scope the report
- Support filter controls by activity type and activity status
- Navigate to per-mentor drill-down view on row tap
- Meet WCAG 2.2 AA touch target and contrast requirements throughout
Interfaces
build(BuildContext context) → Widget
onPeriodChanged(DateRange range) → void
onSortChanged(SortField field, SortOrder order) → void
onFilterChanged(List<String> activityTypeIds) → void
onMentorTapped(String userId) → void
Relationships
Dependencies (2)
Components this component depends on
Sub-Components (3)
Inline date-range picker widget allowing the coordinator to select a reporting period. Exposes common presets (this month, last month, this quarter) alongside a custom range picker.
- Expose preset period chips and a custom date-range picker
- Emit DateRange to parent on selection
Single list item showing one peer mentor's name, total activity count, last-active date, and a compact activity-type badge breakdown. Tappable to navigate to full drill-down.
- Display mentor name, total count, last active date
- Render compact activity-type breakdown badges
- Handle tap to trigger navigation callback
Bottom sheet or detail view showing a single peer mentor's full activity breakdown for the selected period, including per-type counts and a chronological activity list.
- Display per-type activity counts for the selected mentor
- List individual activities with date and duration
- Support scroll and accessible navigation