🏠 Overview › 🧩 Components ›🧩 NotificationSettingsScreen

NotificationSettingsScreen

Component Detail

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

Description

A dedicated settings screen that allows peer mentors and coordinators to configure which notification types they receive and through which channels. It renders toggle controls and channel selectors bound to the user's current preferences. Changes are submitted through NotificationPreferenceService and reflected immediately in the UI.

Feature: Notification Settings

notification-settings-screen

Sources & reasoning

User preference control follows from the WCAG cognitive accessibility mandate (line 28) and the need to serve low-digital-skill users. Blueprint marks notification-settings [MVP]. First phase ordinal = MVP. Settings are a standard companion to any notification system.

  • Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications
  • Appen SKAL oppfylle WCAG 2.2 nivå AA som minimumskrav for alle skjermer og interaksjoner - fra dag én, for alle organisasjoner.

Responsibilities

  • Render per-channel and per-scenario-type toggle controls
  • Load current preferences on mount via NotificationPreferenceService
  • Submit preference changes and display save confirmation or error state
  • Disable or hide channels not available on the current platform

Interfaces

loadPreferences(): Promise<NotificationPreferences>
savePreferences(prefs: NotificationPreferences): Promise<void>
onToggleChannel(channel: string, enabled: boolean): void
onToggleScenarioType(type: string, enabled: boolean): void