Contact List Screen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Mobile screen that displays the user's assigned contacts in a scrollable list with a search bar at the top. Supports pull-to-refresh and tap-to-open navigation into the contact detail view.
contact-list-screen
Sources & reasoning
Blueprint explicitly merges contact-list-search and contact-detail-edit into a single Contacts feature. Marked MUST/Phase 1 in the matrix and listed in MVP mobile screens (lines 219-220), so target_release is MVP.
-
docs/source/likeperson.md · line 112Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | ✓ | MUST | 1
-
docs/source/likeperson.md · line 219-220Contacts list with role-specific views Contact detail, edit, and peer mentor profile screens
-
docs/source/likeperson.md · line 231Organization labels system - per-org terminology overrides fetched from backend and cached offline (currently: `contacts`, `my_contacts`, `peer_mentors`
-
docs/source/likeperson.md · line 353contacts | Contacts | Contact List & Search, Contact Detail & Edit, Caregiver & Next-of-Kin
Responsibilities
- Render scrollable list of role-scoped contacts
- Provide search input bound to Contact Search Service
- Handle pull-to-refresh to sync from Contact Service
- Navigate to Contact Detail Screen on row tap
- Display organization-specific labels (Familie, Bruker)
Interfaces
renderList(contacts: Contact[]): void
onSearchInput(query: string): void
onContactTap(contactId: string): void
onRefresh(): Promise<void>