🏠 Overview › 🧩 Components ›🧩 CoordinatorHomeScreen

CoordinatorHomeScreen

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

The entry-point screen rendered for authenticated coordinator users. It surfaces team oversight widgets and a pending approval queue so coordinators can act on outstanding items without navigating away from the home screen. Widget visibility is gated by the organisation's enabled module configuration.

Feature: Role-Specific Home Dashboard

coordinator-home-screen

Sources & reasoning

The source explicitly defines role-specific home content as a named screen type and specifies Peer Mentor and Coordinator as the two mobile roles. The module registry pattern described at lines 307-308 requires a home surface that assembles dynamically at runtime. Blueprint marks this feature MVP; Fase 1 core mobile scope confirms role-aware navigation must ship at launch.

  • Role-specific home content (peer mentor vs coordinator variants)
  • Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications
  • On mobile, an Org Admin is surfaced as a Coordinator - they use the same mobile experience as coordinators without a separate UI path.

Responsibilities

  • Render team oversight widgets showing mentee progress summaries
  • Display a pending approval queue with actionable approve and reject controls
  • Poll HomeDashboardService for real-time queue length updates
  • Conditionally show or hide widgets based on enabled module flags
  • Provide navigation shortcuts to detailed team and task management screens

Interfaces

render(): ReactNode
onApprove(itemId: string): Promise<void>
onReject(itemId: string, reason: string): Promise<void>
onWidgetPress(widgetKey: string): void
refreshQueue(): Promise<void>