Skip to content

Add a share button to the invoice detail page copying the invoice URL to the clipboard #24

Description

@Chucks1093

Summary

Investors have no quick way to share a specific invoice with others. A share button on the invoice detail page that copies the full URL to the clipboard and shows a 'Copied!' confirmation would make it easy to circulate investment opportunities.

Scope

  • Add a share icon button to the invoice detail page header
  • On click, copy the full invoice URL to the clipboard using the Clipboard API
  • Replace the icon with a 'Copied!' label for 2 seconds, then revert
  • Fall back to a window.prompt with the URL pre-filled if the Clipboard API is unavailable
  • Do not render the button in SSR context (window undefined)

Acceptance Criteria

  • Invoice URL copied to clipboard on button click
  • 'Copied!' shown for 2 seconds then reverts to icon
  • Fallback prompt shown when Clipboard API unavailable
  • Button not rendered in SSR context
  • Copied URL opens the correct invoice detail page

ETA: 12 hours


Coordinate on Telegram

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions