View All Notifications in the Notification Centre
The notification centre is a persistent in-app inbox that stores all notifications delivered to the user, regardless of whether they were seen as push notifications. Notifications are displayed in reverse chronological order with a visual distinction between read and unread items. A filter bar allows filtering by notification type (assignment, reminder, expiry, pause, scenario). Each item shows a title, a short description, a timestamp, and navigates to the relevant screen on tap. Unread notifications are reflected in the tab badge count on the bottom navigation bar, updated in real time via Supabase Realtime subscriptions.
User Story
Acceptance Criteria
- Given a peer mentor opens the notification centre tab, when the screen loads, then all notifications for their account are listed in reverse chronological order
- Given there are unread notifications, when the user opens the notification centre, then unread items are visually distinguished (bold title, unread indicator dot)
- Given the user taps a notification list item, when navigation completes, then the notification is marked as read and the badge count on the bottom nav tab updates immediately
- Given the user taps the filter bar and selects 'Reminders', when the filter is applied, then only reminder-type notifications are shown in the list
- Given the notification centre is open and a new notification arrives via Supabase Realtime, when the subscription fires, then the new item appears at the top of the list without requiring a manual refresh
- Given there are no notifications, when the user opens the notification centre, then an accessible empty state illustration and message are displayed
Business Value
Push notifications are ephemeral — if the mentor dismisses or misses one, there is no recovery path without a persistent inbox. The notification centre ensures zero notifications are permanently lost, providing a reliable audit trail and a second opportunity for the mentor to act. This is particularly important for users with cognitive accessibility needs who may require more time to process and respond.
Components
- Notification Center Screen ui
- Notification Centre Screen ui
- Notification List Item ui
- Notification Filter Bar ui
- Notification Tab Badge ui
- Notification Empty State Widget ui
- Notification BLoC service
- Role-Aware Notification Filter Service service
- Notification Read State Service service
- Notification Repository data
- Notification Domain Model data
- Supabase Realtime Subscription Service infrastructure
- Notification List Item Widget ui
- Notification Badge Widget ui
- Notification Accessibility Announcer infrastructure