ContactDetailScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Displays a contact's full profile including personal details, role tags, linked activities, and caregiver relationships. Serves as the navigation hub for all contact-centric workflows with an explicit back button and vertical scroll layout. Supports motor-impaired users per WCAG 2.2 AA by avoiding swipe gestures.
contact-detail-screen
Sources & reasoning
Architecture section (line 292) explicitly names contact detail and edit as MVP screens. The accessibility mandate (line 36) defines vertical scroll and back-button navigation as hard constraints for this screen. MVP scope narrative (line 320) confirms Phase 1 for contact management. All evidence places this feature at MVP; Phase 1 = MVP by ordinal mapping.
-
docs/source/likeperson.md · line 292Contact detail, edit, and peer mentor profile screens
-
docs/source/likeperson.md · line 36Tilbakeknapp fremfor sidelengs-sveip. Vertikal scroll er normen.
-
docs/source/likeperson.md · line 320Kontaktliste og likepersonsoversikt
Responsibilities
- Render full contact profile with personal details, role tags, activities, and caregiver relationships
- Provide explicit back button navigation instead of swipe gestures for accessibility compliance
- Show optimistic update state and surface rollback error messages on sync failure
- Gate edit entry points by role scope (peer mentor vs coordinator)
Interfaces
loadContact(contactId: string): ContactProfile
navigateToEdit(contactId: string): void
onSyncError(error: SyncError): void