ContactDetailScreen
Component Detail
Description
Full-profile view screen for an individual contact, displaying demographics, case notes, linked activities, and the caregiver section in a single scrollable layout. Peer mentors and coordinators can review all contact information and navigate to the edit flow from this screen. Handles optimistic state display and shows sync status indicators when offline changes are pending.
contact-detail-screen
Sources & reasoning
Line 292 explicitly names contact detail and edit as core mobile screens in the MVP architecture section. Line 304 details the optimistic mutation pattern specifically required for contact edits. Both sit in the Mobile App Architecture block describing the MVP scope. The Phase 1 roadmap (line 321) lists contact list and overview as MVP deliverables, making detail and edit an implicit prerequisite.
-
docs/source/likeperson.md · line 292- Contact detail, edit, and peer mentor profile screens
-
docs/source/likeperson.md · line 304- Optimistic mutations with automatic rollback on failure (contact edits and paginated list updates)
Responsibilities
- Render complete contact profile including demographics, case notes, linked activities, and caregiver section
- Display pending sync indicators when local Drift changes await REST API synchronisation
- Provide navigation entry point to EditContactScreen for updating contact information
- Subscribe to ContactBloc state stream and rebuild sections on state changes
- Handle loading and error states with appropriate feedback UI
Interfaces
build(BuildContext): Widget
onEditPressed(contactId: String): void
onSyncStatusChanged(status: SyncStatus): void
Related Data Entities (4)
Data entities managed by this component