šŸ  Overview ā€ŗ šŸ§© Components ā€ŗšŸ§© ProfileScreen

ProfileScreen

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations

Description

The read-only profile overview screen displays the authenticated user's personal information, contact details, and account settings. It adapts visible fields based on the user's role (peer mentor or coordinator) and applies per-organization terminology overrides. Provides offline-capable rendering from locally cached profile data.

Feature: Profile Data & Settings

profile-screen

Sources & reasoning

Profile Data & Settings is MVP per the blueprint [MVP] marker. The source doc lists peer mentor profile screens and settings as explicit Mobile App screen inventory items (lines 294, 297), and the Fase 1 MVP scope requires two mobile role profiles (line 325). The org labels system (line 310) means the profile UI must dynamically reflect per-org terminology, making this a foundational integration surface from launch.

  • docs/source/likeperson.md Ā· line 294-297
    Contact detail, edit, and peer mentor profile screens - Activity wizard (multi-step: contact ā†’ date ā†’ time ā†’ duration ā†’ summary) - Event wizard - Settings and preferences
  • Organization labels system - per-org terminology overrides fetched from backend and cached offline (currently: `contacts`, `my_contacts`, `peer_mentors`; extensible to singular forms
  • 2 mobilrolle-profiler: Peer Mentor, Coordinator (Organization Admins logger pĆ„ som Coordinator i app-konteksten)

Responsibilities

  • Render role-appropriate profile fields using cached local data
  • Apply per-organization terminology overrides to field labels
  • Navigate to ProfileEditForm when user initiates an edit action
  • Display loading and error states during data fetch or sync

Interfaces

render(): void
onEditPress(): void
loadCachedProfile(userId: string): UserProfile

Related Data Entities (1)

Data entities managed by this component

Peer Mentor Profile 26 fields core