← Back to Component Index

Notifications

Updated: 2026-06-26 · Audited: 2026-06-26 · 4 screens · Figma file psH738AqHDxuMyFm897f9r · Epic AB#1821

Two-tab notification centre (Flight Finder tab + Comms tab) with per-tab filter overlay and notification settings.

Slot-by-slot composition table (component → ViewModel → data source) for this area: page-compositions.html#notifications
Notifications — Flight Status tab
Root section
Notifications — Flight Status tab
Node 5060:14989 · psH738Aq…
Active tab: Flight Status. notification-card-flight-status rows. Driven by saved-flight subscriptions (GetAllSubscriptionsForUserAsync).
Notifications — Comms tab
Root section
Notifications — Comms tab
Node 5060:15039 · psH738Aq…
Active tab: Comms. card-notification rows. Driven by GetNotificationListAsync → NotificationCenterMessage.
Notification Settings
Interior sub-page
Notification Settings
Node 5155:13608 · psH738Aq…
toggle-settings rows for each notification subscription. GetAllSubscriptionsForUserAsync → MobileAudienceSubscription. ToggleSubscriptionAsync on change.
Overlay — Notification Filters
Modal overlay
Overlay — Notification Filters
Node 5155:13652 · psH738Aq…
Modal sheet (not a route). Filter/sort options for the active tab. Tab-scoped filter state. Dismiss returns to whichever tab was active.