ProfileScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Read-only profile view screen accessible from the hamburger menu. Displays the current user's personal information and organization-relevant fields in a single-column layout optimized for low digital-skill users. Provides an entry point to edit mode and surfaces language and notification preference summaries.
profile-screen
Sources & reasoning
The source doc explicitly lists profile screens in the mobile architecture section (line 294) and places settings behind the hamburger menu (line 290). Fase 1 / MVP scope (line 322) names the two mobile roles, confirming profile management is launch-critical. WCAG requirements (lines 32-35) apply universally from day one, driving the accessibility constraints in this feature.
-
docs/source/likeperson.md · line 290Settings accessible from hamburger menu
-
docs/source/likeperson.md · line 294Contact detail, edit, and peer mentor profile screens
-
docs/source/likeperson.md · line 3222 mobilrolle-profiler: Peer Mentor, Coordinator (Organization Admins logger på som Coordinator i app-konteksten)
-
docs/source/likeperson.md · line 32-35Kognitiv tilgjengelighet: NHF nevner spesifikt slagrammede. Enkel navigasjon, logisk flyt, ikke for mange valg. Tydelige feilmeldinger med forslag til løsning.
Responsibilities
- Render user profile fields (name, contact details, organization fields) in a legible, single-column layout
- Meet WCAG 2.2 AA requirements with semantic labels, sufficient contrast, and keyboard-navigable elements
- Provide a clearly labeled edit action that navigates to EditProfileScreen
- Display current language and notification preference values when module configuration enables them
- Handle loading and error states with accessible feedback messages
Interfaces
loadProfile(userId: string): Promise<UserProfile>
navigateToEdit(): void