🏠 Overview › 🧩 Components ›🧩 Contact Edit Screen

Contact Edit Screen

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations

Description

Mobile screen with editable form fields for the contact's core attributes. Validates input and persists changes through the Contact Service with offline queueing.

Feature: Contacts

contact-edit-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.

  • Basic search (contact og notater) | ✓ | ✓ | ✓ | ✓ | ✓ | MUST | 1
  • Contacts list with role-specific views Contact detail, edit, and peer mentor profile screens
  • Organization labels system - per-org terminology overrides fetched from backend and cached offline (currently: `contacts`, `my_contacts`, `peer_mentors`
  • contacts | Contacts | Contact List & Search, Contact Detail & Edit, Caregiver & Next-of-Kin

Responsibilities

  • Render editable form bound to contact attributes
  • Validate field input before save
  • Submit changes to Contact Service
  • Handle save success and error states
  • Support cancel with unsaved-changes confirmation

Interfaces

loadForEdit(contactId: string): Promise<Contact>
onFieldChange(field: string, value: any): void
onSave(): Promise<SaveResult>
onCancel(): void

Related Data Entities (1)

Data entities managed by this component

Contacts 24 fields core