Skip to content

Fix: Copy-to-clipboard button provides no visual feedback to users #74

@farhanmallik05

Description

@farhanmallik05

🐛 Bug Description
When clicking the Copy button on any tool's output area, the text is copied to the clipboard successfully, but there is no visual feedback to confirm the action. The user has no way to know if the copy worked or failed.

Steps to Reproduce
Go to any tool (e.g., Random Number Generator)
Generate some output
Click the Copy button (clipboard icon in the top-right of the output area)
Expected: A visual confirmation like "Copied!" text, a checkmark icon, or a toast notification
Actual: Nothing happens visually — the copy works silently in the background

`Current Code

const copyAll = async () => {
try {
await navigator.clipboard.writeText(output);
// No visual feedback here
} catch (err) {
console.error("Failed to copy text: ", err);
// Error only logged to console, user sees nothing
}
};`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions