Contact List Screen
Component Detail
Description
Role-specific paginated list screen displaying contacts scoped to the authenticated user's role. Peer mentors see only their assigned contacts; coordinators see the full organizational roster. Includes an inline search bar triggering FTS5 queries, empty-state messaging, and WCAG 2.2 AA compliant list items with 4.5:1 contrast, 24×24 px touch targets, and semantic screen reader labels.
contact-list-screen
Sources & reasoning
Primary UI surface for this feature. Role-specific rendering and WCAG compliance are explicit requirements from the priority matrix (MUST, Phase 1) and accessibility mandate. The screen must present paginated, searchable contact data filtered by role - all within a single reactive widget consuming the Riverpod provider.
-
docs/source/likeperson.md · line 152Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | MUST | 1
-
docs/source/likeperson.md · line 284Contacts list with role-specific views
-
docs/source/likeperson.md · line 311Kontaktliste og likepersonsoversikt
Responsibilities
- Render role-scoped contact list with infinite scroll or pagination
- Display inline full-text search input and pass query to ContactSearchService
- Show empty-state message when no contacts match the query
- Meet WCAG 2.2 AA: contrast, touch targets, and screen reader labels
- Consume Riverpod ContactsRepository provider for reactive state
Interfaces
build(BuildContext) → Widget
onSearchQueryChanged(String query) → void
onContactTap(String contactId) → void
onScrollNearEnd() → void
Relationships
Dependencies (3)
Components this component depends on
Related Data Entities (3)
Data entities managed by this component