Skip to content

feat(notifications): add full notifications page with read/unread filtering - #46

Open
Kaybee973 wants to merge 1 commit into
StellarState:devfrom
Kaybee973:feat/notifications-page
Open

feat(notifications): add full notifications page with read/unread filtering#46
Kaybee973 wants to merge 1 commit into
StellarState:devfrom
Kaybee973:feat/notifications-page

Conversation

@Kaybee973

Copy link
Copy Markdown

Summary

This PR adds a dedicated notifications page that displays all user notifications with pagination, read/unread filtering, and bulk read functionality. It also introduces infinite scrolling for loading additional notifications and keeps the navigation bell count synchronized with notification state.

Motivation

The notification dropdown is limited to the five most recent notifications, making it difficult for users to review older updates. A dedicated notifications page provides a complete history, improves usability, and allows users to efficiently manage their notifications.

Changes

  • Added a dedicated notifications page.
  • Fetches paginated notifications from the notifications endpoint.
  • Displays each notification with its message, timestamp, and read/unread status.
  • Added All and Unread filter tabs.
  • Implemented Mark all as read using a single API request.
  • Added infinite scrolling to load additional notification pages.
  • Updated the navigation notification badge to reflect unread count changes after notifications are marked as read.

Testing

  • Verified all notifications are displayed with the correct message and timestamp.
  • Confirmed the Unread filter displays only unread notifications.
  • Verified Mark all as read updates both the notifications list and unread badge count.
  • Tested infinite scrolling to ensure additional pages load correctly.
  • Confirmed no regressions to the existing notification dropdown.

Acceptance Criteria

  • ✅ All notifications displayed with the correct message and timestamp.
  • ✅ "Mark all as read" updates all unread notifications and refreshes the UI.
  • ✅ "Unread" filter shows only unread notifications.
  • ✅ Infinite scrolling loads additional pages correctly.
  • ✅ Navigation bell unread count stays synchronized.

Closes #43

@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@Kaybee973 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a full notifications page listing all notifications with read and unread filtering

1 participant