User Interface medium complexity mobile
2
Dependencies
0
Dependents
3
Entities
0
Integrations

Description

Primary screen displaying all contacts assigned to the current user or their local association. Implements role-specific views where peer mentors see only their own assigned contacts while coordinators see all contacts within their association. Uses lazy-loaded, cursor-based pagination for performance with large contact lists and provides WCAG 2.2 AA compliant semantic list semantics with minimum 44x44 touch targets.

Feature: Contact List & Search

contacts-list-screen

Responsibilities

  • Render scrollable contact list with lazy loading and cursor-based pagination
  • Apply role-based filtering to show appropriate contacts per user role
  • Display contact summary cards with name, phone, and association info
  • Provide pull-to-refresh and loading state indicators
  • Ensure WCAG 2.2 AA compliance with screen reader labels and keyboard navigation

Interfaces

build(BuildContext context)
onContactTap(String contactId)
onRefresh()
onScrollToEnd()
renderContactCard(Contact contact)
renderEmptyState()
renderLoadingIndicator()

Relationships

Dependencies (2)

Components this component depends on

Related Data Entities (3)

Data entities managed by this component