Profile Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
3
Entities
0
Integrations
Description
Main profile view screen that displays the user's personal information including name, contact details, role, organization affiliation, and profile photo. Supports both peer mentor and coordinator role views with dynamic organization terminology loaded at runtime. Implements WCAG 2.2 AA with semantic labels, proper contrast ratios, and minimum 24x24 touch targets.
profile-screen
Responsibilities
- Display user profile information with role-specific sections
- Render dynamic organization labels and custom terminology
- Provide navigation to profile editing and settings screens
- Show role badges and organization affiliation clearly
Interfaces
buildProfileHeader(user)
buildContactInfoSection(user)
buildRoleSection(roles)
buildOrganizationSection(org, labels)
navigateToEdit()
navigateToSettings()
refreshProfile()
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (3)
Data entities managed by this component