SettingsScreen
Component Detail
Description
The main settings screen accessible via the hamburger menu, presenting all user-configurable options in a single consolidated view. It renders sections for notification preferences, display options, and account management actions including sign-out. The screen reflects persisted preference values on load and dispatches user changes to the service layer.
settings-screen
Sources & reasoning
The source explicitly lists Settings as a named screen type and specifies hamburger menu access as the entry point. The design token system requirement at line 305 confirms the settings surface must honour accessibility constraints. Blueprint marks this MVP and all workshop organizations expect standard app configurability from launch. Fase 1 core mobile scope implies MVP delivery with no later phase evidence.
-
docs/source/likeperson.md · line 292Settings accessible from hamburger menu
-
docs/source/likeperson.md · line 300Settings and preferences
-
docs/source/likeperson.md · line 305Design token system (colors, typography, spacing, radii, sizing) - WCAG 2.2 AA compliant
Responsibilities
- Render notification preference toggles and display option controls
- Show account management actions including sign-out
- Load current preference values from PreferencesService on mount
- Dispatch user-initiated preference changes to PreferencesService
- Provide visual feedback during save and sign-out operations
Interfaces
loadPreferences(): Promise<UserPreferences>
onPreferenceChange(key: string, value: unknown): void
onSignOut(): Promise<void>