Contact Edit Screen
Component Detail
User Interface
medium complexity
mobile
3
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Edit form screen allowing authorised users to update mutable contact fields such as phone number, address, and situational notes. Reuses AppTextField and AppButton design tokens, performs WCAG 2.2-compliant client-side validation before submission, and applies optimistic UI updates with automatic rollback on API error.
contact-edit-screen
Responsibilities
- Render editable form fields for all mutable contact attributes
- Perform client-side field validation with accessible, descriptive error messages
- Dispatch save action to BLoC and apply optimistic UI update immediately
- Roll back local state and display user-facing error banner on API failure
- Wrap personal identifier fields with Readout Warning Widget
Interfaces
ContactEditScreen({required Contact contact})
onSaveTapped(ContactUpdateDto data)
onCancelTapped()
Relationships
Dependencies (3)
Components this component depends on