Skip to content

feat(notifications): show in-app toast when a new payment is confirmed - #613

Open
frankrichard99 wants to merge 4 commits into
kellymusk:devfrom
frankrichard99:feat/payment-confirmation-toast
Open

feat(notifications): show in-app toast when a new payment is confirmed#613
frankrichard99 wants to merge 4 commits into
kellymusk:devfrom
frankrichard99:feat/payment-confirmation-toast

Conversation

@frankrichard99

Copy link
Copy Markdown

Closes #495

Summary of Changes

  • Added sonner for lightweight, theme-aware in-app toast notifications.
  • Implemented the usePaymentPoller hook to poll /transactions every 30 seconds while the merchant dashboard session is active.
  • Configured seen payment tracking via useRef to prevent duplicate notifications for historical or already alerted transactions.
  • Included transaction amount, asset formatting, and an interactive action link directing users to /transactions.
  • Added unit test suite covering initial seeding and reactive toast triggers for new confirmed payments.

- Add /settings/api-keys page with list, create, and revoke flows
- Add ApiKey type and API methods (list, create, revoke) to lib/api.ts
- Add Settings link to wallet sidebar
- Show full key once after creation with copy-to-clipboard
- Mask key values after initial creation
- Confirm before revoking with destructive action dialog
- Handle loading, empty, and error states consistently

Closes kellymusk#498
- Add /settings page with editable merchant name and personal name
- Add change-email flow with verification email before updating
- Add danger zone with delete account confirmation dialog
- Update session provider to expose refreshMe and cached me data
- Update wallet page to read merchant name from session context
  so changes reflect immediately without a page reload
- Add Profile nav link to settings layout alongside API Keys

Closes kellymusk#497
…firmations

- Add usePushNotifications hook for SW registration, permission handling,
  subscription management, and iOS graceful fallback
- Add PushNotificationToggle component with backend sync via custom events
- Add push subscription API methods (subscribe, unsubscribe, status)
- Add Notifications section to /settings page with opt-in toggle
- Replace stale generated sw.js with clean custom service worker that
  imports the existing push-handler.js for push events and notification clicks
- Register service worker at root layout for background delivery
- Handle unsupported browsers, denied permissions, and loading states

Closes kellymusk#496
@vercel

vercel Bot commented Aug 31, 2026

Copy link
Copy Markdown

@frankrichard99 is attempting to deploy a commit to the kelly musk's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Aug 31, 2026

Copy link
Copy Markdown

@frankrichard99 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.

1 participant