🏠 Overview › 🧩 Components ›🧩 EditProfileScreen

EditProfileScreen

Component Detail

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

Description

Editable form screen that allows peer mentors and coordinators to update their personal information. Uses inline validation with actionable error messages to minimize cognitive load for users with beginner-level digital skills. Persists changes via ProfileService and returns the user to ProfileScreen on success.

Feature: Profile Data & Settings

edit-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 290
    Settings accessible from hamburger menu
  • docs/source/likeperson.md · line 294
    Contact detail, edit, and peer mentor profile screens
  • docs/source/likeperson.md · line 322
    2 mobilrolle-profiler: Peer Mentor, Coordinator (Organization Admins logger på som Coordinator i app-konteksten)
  • docs/source/likeperson.md · line 32-35
    Kognitiv tilgjengelighet: NHF nevner spesifikt slagrammede. Enkel navigasjon, logisk flyt, ikke for mange valg. Tydelige feilmeldinger med forslag til løsning.

Responsibilities

  • Render editable fields for name, contact details, and organization-relevant data with clear labels
  • Perform inline field validation and display actionable, plain-language error messages
  • Submit updated profile data through ProfileService and handle success and failure responses
  • Enforce WCAG 2.2 AA on all interactive elements including focus order and contrast ratios
  • Expose language and notification preference controls when enabled by module configuration

Interfaces

initForm(profile: UserProfile): void
validateField(fieldName: string, value: string): ValidationResult
submitProfile(updatedProfile: UserProfile): Promise<void>
cancelEdit(): void

Related Data Entities (1)

Data entities managed by this component

User 24 fields core