Clipboard Copy Button with Visual Confirmation for Wallet Addresses

[Kingsman-99]

Description

Stellar wallet addresses displayed in the app must be manually selected and copied, which is error-prone on mobile and desktop alike. Every address display should include a copy-to-clipboard button with a brief visual confirmation that the copy succeeded.

Technical Context

src/components/ui/CopyButton.tsx (new) wraps the navigator.clipboard.writeText API, falling back to document.execCommand('copy') for older browsers. The button toggles between a copy icon and a check icon from lucide-react for 2 seconds after a successful copy. src/components/invoice/RecipientRow.tsx, src/components/wallet/WalletAddress.tsx, and src/app/invoice/[id]/page.tsx all use this component. A useClipboard hook centralizes the copy logic and state.

Acceptance Criteria

• Every rendered Stellar G-address has a copy icon button immediately adjacent to it
• Clicking the button writes the full untruncated address to the clipboard
• The button icon changes to a checkmark for 2 seconds, then reverts to the copy icon
• If navigator.clipboard is unavailable, the fallback silently attempts execCommand and shows the same confirmation
• The button has an aria-label="Copy address" and a tooltip showing "Copied!" on success
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[Dhivine-stack]

@Dhivine-stack has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello! I've reviewed the issue and understand what's required. I have a clear plan for the implementation and will ensure the solution is maintainable, aligns with the project's standards, and satisfies the acceptance criteria. Kindly assign it to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Dhivine-stack to this issue.

[dominionvinson-maker]

@dominionvinson-maker has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello i would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dominionvinson-maker to this issue.

[drips-wave]

Congratulations, @dominionvinson-maker! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @dominionvinson-maker: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊