Shift3 / boilerplate-client-react

The Bitwise standard starting point for new React web projects.
7 stars 10 forks source link

Notifications #644

Closed DropsOfSerenity closed 1 year ago

DropsOfSerenity commented 1 year ago
  1. Adds a model for notifications
  2. Adds a notificationApi file for the associated requests
  3. Adds an isnull filter op
  4. Adds a base Notification component and one notification component that makes use of it
  5. Adds a Notifications button with the unread count in the side bar
  6. Adds a NotificationPage. It includes sub-tabs that will list the unread and read notifications, respectively. You can individually mark notifications as read, and you can click on the "Mark All Read" button in order to mark them all as read.
  7. Adds a NotificationScrollView component. This is how the notifications are shown on the NotificationPage. This component uses an infinite scrolling mechanism to load the data. The newly added useInfiniteLoading hook supports this operation.
  8. Uses Server-Side Events via the EventSource API in order to recognize when new notifications come in. When this happens, the notification indicator in the side bar will be updated accordingly.