feat: add copy-to-clipboard for contract addresses and tx hashes#697
Merged
Merged
Conversation
Contributor
Author
|
@Junirezz if you still can please merge and award points |
|
@MAN7A-afk 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! 🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
closes #231
Goal Enhance the user experience by allowing quick copying of critical blockchain identifiers (contract IDs, transaction hashes, and wallet addresses) directly from the UI.
Changes
Vault Dashboard : Added a new row in the Strategy Overview for the Contract Address and integrated CopyButton for both the Strategy ID and Contract Address .
Transaction History : Updated the transaction hash column to include a copy icon next to the explorer link.
Transaction Receipt : Added copy functionality for the Wallet Address and Transaction Hash on the dedicated receipt page.
UI/UX : Utilized the existing CopyButton component to ensure consistent feedback (icon change + toast notification) and accessibility compliance.
Files Modified
VaultDashboard.tsx : Added contract address display and copy buttons.
TransactionHistory.tsx : Added copy button to the transaction hash column.
TransactionReceipt.tsx : Added copy buttons for wallet and hash fields.
Acceptance Criteria Verified
Copy succeeds using the established copyTextToClipboard utility.
Brief toast confirmation appears on successful copy.
Icons provide immediate visual feedback.
aria-label and aria-live attributes ensure screen reader accessibility.
Buttons are keyboard-focusable and triggerable.
Screenshots/Demo
Strategy Overview now shows: Contract: [Hash] [Copy Icon]
Transaction Table now shows: [Hash] [Copy Icon]
Receipt Page now shows copy icons next to all long hex strings.