Skip to content

feat: replace copied tooltip with react-hot-toast success notification#474

Merged
Chucks1093 merged 1 commit into
accesslayerorg:devfrom
Ghadaffijr:feat/copy-address-toast
Jun 26, 2026
Merged

feat: replace copied tooltip with react-hot-toast success notification#474
Chucks1093 merged 1 commit into
accesslayerorg:devfrom
Ghadaffijr:feat/copy-address-toast

Conversation

@Ghadaffijr

Copy link
Copy Markdown
Contributor
  • Import showToast from @/utils/toast.util in CopyField.tsx
  • Fire showToast.success('Address copied to clipboard', { duration: 2000 }) on copy
  • Retain CopySuccessAnnouncement for screen reader accessibility
  • Keep copied state for Check icon visual feedback on the button

Closes #454

Summary

  • Replaces the Copied! tooltip on the wallet address copy button with a react-hot-toast success notification in CopyField.tsx
  • On click, showToast.success('Address copied to clipboard', { duration: 2000 }) fires using the existing showToast utility already used across the app, no new dependencies introduced
  • Retains CopySuccessAnnouncement and useCopySuccessAnnouncement for screen reader accessibility, the live region announcement and the toast serve different purposes and do not conflict
  • Keeps the copied state and Check icon swap on the button for visual feedback during the 2-second window

Closes #454

Testing

  • pnpm lint
  • pnpm build is clean, zero errors

Checklist

  • Linked issue or backlog item
  • Scope is limited to the stated change
  • Updated docs if behavior or setup changed
  • Added screenshots for UI changes when relevant — toast appears bottom-center on copy button click and auto-dismisses after 2 seconds

- Import showToast from @/utils/toast.util in CopyField.tsx
- Fire showToast.success('Address copied to clipboard', { duration: 2000 }) on copy
- Retain CopySuccessAnnouncement for screen reader accessibility
- Keep copied state for Check icon visual feedback on the button

Closes accesslayerorg#454
@drips-wave

drips-wave Bot commented Jun 26, 2026

Copy link
Copy Markdown

@Ghadaffijr 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

@Chucks1093 Chucks1093 merged commit fe22dae into accesslayerorg:dev Jun 26, 2026
1 check passed
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 toast notification when wallet address is copied to clipboard successfully

2 participants