ContactListScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Paginated directory screen displaying all contacts within the authenticated user's scope. Role-filtered views ensure peer mentors see only their assigned contacts while coordinators see their full association set. Display terminology adapts to the active organisation's label configuration.
contact-list-screen
Sources & reasoning
Line 162 explicitly marks contact search as MUST HAVE Phase 1 for all five organisations. Line 291 confirms role-specific views as a core mobile architecture requirement. Line 467 canonically places this feature in the Contacts area taxonomy. MVP target derives from the Phase 1 position in the priority matrix and from line 321 listing contact list as a Phase 1 deliverable.
-
docs/source/likeperson.md · line 162| Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | ✓ | MUST | 1 |
-
docs/source/likeperson.md · line 291- Contacts list with role-specific views
-
docs/source/likeperson.md · line 467| contacts | Contacts | Contact List & Search, Contact Detail & Edit, Caregiver & Next-of-Kin |
Responsibilities
- Render paginated contact list with role-appropriate filtering applied
- Apply organisation-specific label configuration to displayed field names and titles
- Handle pagination controls and page size selection
- Navigate to individual contact detail views on selection
- Coordinate with ContactSearchWidget to reflect active search state in list results
Interfaces
loadContacts(page: number, pageSize: number): Promise<PaginatedContactList>
applyRoleFilter(role: UserRole): void
onContactSelected(contactId: string): void
refreshList(): void