Skip to content

[Frontend] Add visual feedback tooltip and temporary checkmark to Address Copy button #1483

Description

@blurbeast

Overview

When users click the copy icon next to a Stellar address or Stream ID in the dashboard, there is no immediate visual confirmation (e.g. tooltip reading "Copied!" or temporary transition to a green checkmark icon).

Problem

  • Users repeatedly click the copy button wondering if clipboard copying succeeded.
  • Inconsistent copy behavior across stream detail, dashboard headers, and modals.

Proposed Changes

  1. Create a reusable <CopyButton text={address} label="Copy address" /> component with a 2-second checkmark transition and tooltip.
  2. Replace raw clipboard click handlers in frontend/src/components/dashboard/ with this unified component.

Acceptance Criteria

  • Clicking copy changes icon to checkmark for 2 seconds.
  • Tooltip updates from "Copy" to "Copied!".
  • Keyboard accessible (focus + enter key).

Activity

rindicomfort commented on Sep 27, 2026

@rindicomfort

@rindicomfort has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hello Maintainer,

Please I’d love to take this issue on. I’m a smart contract and full-stack developer with experience across OnlyDust, Drips Waves

My stack includes Rust, Soroban, Cairo, Solidity, and TypeScript. I can deliver a clean, tested, and well-documented solution within 24 hours of assignment.

Happy to start immediately. Thank You

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

sojetunde8 commented on Sep 27, 2026

@sojetunde8
Contributor

@sojetunde8 has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

I can fix this.

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

drips-wave commented on Sep 27, 2026

@drips-wave

Congratulations, @sojetunde8! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on September 30, 2026.

🧑‍💻 @sojetunde8: 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 🌊

added a commit that references this issue on Oct 6, 2026

drips-wave commented on Oct 6, 2026

@drips-wave

This issue has been marked as completed by a Drips Wave moderator for @sojetunde8 as part of the Stellar Wave Program's 9th Wave 🥳

Moderator's reason: [Auto-assessed] PR #1556 was successfully merged by maintainers on 2026-10-06, and it directly resolves issue #1483 by introducing the reusable CopyButton component with visual checkmark feedback and tooltips, replacing raw clipboard handlers across dashboard modals.

😎 @sojetunde8: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions