NotificationInboxScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
A dedicated inbox screen that displays the full history of push notifications received by the authenticated user. Users can review, filter, and act on past notifications, with visual indicators distinguishing read from unread items. Unread counts are surfaced in the bottom navigation tab badge.
notification-inbox-screen
Sources & reasoning
Line 181 lists push notifications as a core always-available Mobile App capability, confirming MVP scope. Line 116 (HLF Phase 2) cites scenario-based push messages, but the base delivery infrastructure is required from launch. Line 298 confirms the inbox screen. Blueprint marks this [MVP].
-
docs/source/likeperson.md · line 181Push notifications and assignment tracking
-
docs/source/likeperson.md · line 116Scenariobaserte push-meldinger og kalendersynkronisering.
-
docs/source/likeperson.md · line 298Notification inbox
Responsibilities
- Render paginated list of notifications grouped by date with read/unread visual state
- Display unread count badge in bottom navigation tab and update it in real time
- Allow users to mark individual or all notifications as read
- Navigate to the relevant screen when a notification action is tapped
- Show empty state and loading skeleton during initial fetch
Interfaces
loadNotifications(userId: string, page: number): Promise<NotificationPage>
markAsRead(notificationId: string): Promise<void>
markAllAsRead(userId: string): Promise<void>
getUnreadCount(userId: string): Promise<number>