Profile Screen
Component Detail
User Interface
medium complexity
mobile
3
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Main profile view and edit screen for peer mentors and coordinators. Displays user identity, role assignments, local association, and organization-specific terminology labels injected at render time. Renders all editable contact detail and preference fields using WCAG 2.2 AA compliant input widgets, and triggers the readout warning widget for sensitive fields when a screen reader is active.
profile-screen
Responsibilities
- Display user profile data with organization-specific terminology labels
- Render editable form fields for contact details and display preferences
- Trigger sensitive field readout warning when screen reader is active
- Submit profile updates through Profile Service and reflect confirmation state
- Present avatar with entry point for photo upload
Interfaces
loadProfile(userId: String): ProfileState
updateProfile(data: ProfileFormData): Future<void>
onAvatarTap(): void
onRoleChipTap(roleId: String): void
Relationships
Dependencies (3)
Components this component depends on