Home Screen
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
0
Dependents
5
Entities
0
Integrations
Description
The primary landing screen displayed after authentication, dynamically rendering role-specific content layouts. For Peer Mentors it shows recent activities, upcoming follow-ups, and a quick-log shortcut; for Coordinators it surfaces team overviews, pending approvals, and assignment dispatches. Uses a single-column vertical scroll pattern for accessibility.
home-screen
Responsibilities
- Render role-specific dashboard layout based on authenticated user role
- Display contextual quick-action widgets (quick-log for Peer Mentors, approval queue for Coordinators)
- Show cached data immediately while fresh data loads via stale-while-revalidate
- Ensure all stat cards and action buttons meet WCAG 2.2 AA touch targets (24x24) and contrast ratios (4.5:1)
Interfaces
buildPeerMentorDashboard()
buildCoordinatorDashboard()
renderStatCards(List<StatCardData>)
renderQuickActions(UserRole)
renderRecentActivities(List<Activity>)
renderUpcomingFollowUps(List<Contact>)
renderTeamOverview(TeamStats)
renderPendingApprovals(List<Approval>)
renderAssignmentDispatches(List<Assignment>)
onQuickLogTapped()
onStatCardTapped(StatCardType)
onRefresh()
Relationships
Related Data Entities (5)
Data entities managed by this component