Notification Settings Screen
Component Detail
User Interface
low complexity
mobile
2
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Flutter screen accessible from the hamburger menu that presents grouped toggle switches for each notification category and channel preference. Uses WCAG 2.2 AA-compliant touch targets (minimum 24x24px) with semantic labels for screen reader traversal.
notification-settings-screen
Sources & reasoning
The settings screen is the primary UI surface for this feature. It exposes grouped toggle controls per notification category and channel, must meet WCAG 2.2 AA touch-target requirements, and must load persisted preferences for offline reads while dispatching PATCH on each change.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render grouped toggles for notification categories (assignments, activity reminders, event updates, expense status)
- Render per-category channel selectors (push, email, SMS)
- Dispatch PATCH requests on each toggle change
- Display current settings loaded from local Drift cache
- Ensure logical screen reader traversal order with accessible semantic labels
Interfaces
build(BuildContext context) Widget
loadSettings() Future<void>
onToggleChanged(String category, String channel, bool enabled) void
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (2)
Data entities managed by this component