Contact Edit Screen
Component Detail
User Interface
medium complexity
mobile
3
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Inline edit mode rendered within the Contact Detail Screen, toggled via a local boolean state flag rather than a separate route. All contact fields are presented as AppTextField widgets with per-field validation feedback defined in the domain layer. Submitting changes applies an optimistic update to the local Drift record immediately, enqueues a mutation for backend sync, and automatically rolls back with a user-facing error message if the sync fails.
contact-edit-screen
Responsibilities
- Render all editable contact fields as AppTextField inputs with accessible semantic labels
- Apply optimistic update to the local Drift contact record on form submission
- Enqueue the contact edit mutation in the mutation outbox for background sync
- Trigger automatic rollback and surface error notification on sync failure
- Validate each field against domain rules and display inline validation feedback
Interfaces
ContactEditScreen(contact: Contact)
onSave(update: ContactUpdate): Future<void>
onCancel()
validateField(fieldId: String, value: String): ValidationResult
Relationships
Dependencies (3)
Components this component depends on