Skip to content

Conversation

@ishidad2
Copy link

✨ Added Copy-to-Clipboard Button for Transaction Details

A new copy-to-clipboard button has been added to streamline copying key transaction information:

  • Transaction hash
  • Sender address
  • Inner transaction hash (for aggregate transactions)

Each field now includes a small copy icon on the right side with multilingual tooltip support (EN / JA / KO / RU / ZH).


🎯 Why This Feature?

Previously, copying transaction-related data required several inconvenient steps:

  • Sender address

    Users had to open the explorer link, navigate to the external site, and copy the address manually.

  • Transaction hash

    Similar process: click → open explorer → locate hash → copy.

This was unnecessarily time-consuming for a simple task.

➡️ Now you can copy these values instantly in one click, directly from the UI.


🛠 Implementation Details

  • Added a copy button component using flexbox (right-aligned, minimal footprint)
  • Implemented a tooltip with transfer prop enabled to prevent horizontal scrollbar issues
  • Added Clipboard API integration with success/error notifications
  • Icon size optimized to 0.16rem
  • Added translations for all 5 supported languages (EN / JA / KO / RU / ZH)

@Wayonb Wayonb requested a review from AnthonyLaw November 14, 2025 21:33
@codecov-commenter
Copy link

codecov-commenter commented Nov 17, 2025

Codecov Report

❌ Patch coverage is 66.66667% with 5 lines in your changes missing coverage. Please review.
✅ Project coverage is 53.76%. Comparing base (117e9c1) to head (410cf45).

Files with missing lines Patch % Lines
...ails/TransactionDetailRow/TransactionDetailRow.vue 66.66% 5 Missing ⚠️
Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##              dev    #2043      +/-   ##
==========================================
+ Coverage   53.75%   53.76%   +0.01%     
==========================================
  Files         586      586              
  Lines       14033    14048      +15     
  Branches     2343     2345       +2     
==========================================
+ Hits         7543     7553      +10     
- Misses       6440     6445       +5     
  Partials       50       50              
Flag Coverage Δ
wallet-desktop 53.76% <66.66%> (+0.01%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines Coverage Δ
...ails/TransactionDetailRow/TransactionDetailRow.vue 82.14% <66.66%> (-17.86%) ⬇️
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@ishidad2
Copy link
Author

Fixed Prettier formatting error.

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.

2 participants