Skip to content

[Hard] Add credential notification system#118

Open
jamalx-max wants to merge 1 commit into
GuardZero144:mainfrom
jamalx-max:feat/credential-notifications
Open

[Hard] Add credential notification system#118
jamalx-max wants to merge 1 commit into
GuardZero144:mainfrom
jamalx-max:feat/credential-notifications

Conversation

@jamalx-max

Copy link
Copy Markdown

Summary

Implemented comprehensive credential notification system supporting in-app, push, and email notifications with preference management and history tracking.

Changes

NotificationContext (contexts/NotificationContext.tsx):

  • Centralized state management with localStorage persistence
  • In-app notification handling with add/mark-read/clear
  • Notification preferences management (channels + alert types)
  • Push notification permission request with service worker registration

NotificationBell (components/NotificationBell.tsx):

  • Bell icon with unread count badge in the header
  • Dropdown showing 10 most recent notifications
  • Mark-all-read and link to full history
  • Color-coded by type (credential expiry, verification, sharing, system)

NotificationPreferences (components/NotificationPreferences.tsx):

  • Channel toggles: In-App, Push, Email
  • Push permission enable button
  • Email address input (shown when email enabled)
  • Alert type toggles: Credential Expiry, Verification Complete, Sharing Requests

Notification History (app/notifications/page.tsx):

  • Full notification history page at /notifications
  • Unread indicators with green dot + left border
  • Delete individual notifications
  • Mark all read button

Push Service Worker (public/sw.js):

  • Handles push events with JSON payload support
  • Notification click redirects to relevant page
  • Install/activate lifecycle management

Verification

  • npm install --legacy-peer-deps passes
  • npm run build passes with zero errors

Closes #76

@Josie123-Dev

- NotificationContext with localStorage persistence for notification state
- NotificationBell component with dropdown and unread badge
- NotificationPreferences panel for channel and type settings
- /notifications history page with read/unread states
- Service worker (sw.js) for browser push notifications
- Supports: in-app notifications, push, email preferences
- Notification types: credential expiry, verification, sharing, system
- Integrated into layout and main page navigation

Closes GuardZero144#76
@vercel

vercel Bot commented Jun 27, 2026

Copy link
Copy Markdown

@jamalx-max is attempting to deploy a commit to the Josie's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

[Hard] Add credential notification system

1 participant