Contact Edit Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Inline edit form for contact information using the shared AppTextField widget with appropriate input types (phone, email, date pickers). Sends PATCH requests to the REST API with optimistic UI updates and rollback on error. All field labels are internationalised using the organisation's custom terminology system.
contact-edit-screen
Responsibilities
- Render editable form fields with correct input types and validation rules
- Apply field-level validation (phone format, email format, required fields)
- Perform optimistic UI updates on save with rollback on API error
- Display save confirmation and error feedback with accessible messaging
- Internationalise field labels using organisation terminology configuration
Interfaces
buildEditForm(Contact contact)
validateField(String fieldName, dynamic value)
validateAllFields()
submitChanges(Map<String, dynamic> changedFields)
rollbackOptimisticUpdate(Contact previousState)
showSaveConfirmation()
showValidationErrors(Map<String, String> errors)
onFieldChanged(String fieldName, dynamic value)
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (2)
Data entities managed by this component