fix(clipboard): Adds tooltip clipboard icon feedback when copy fails (#5609)
* Added missing icon feedback * fixed colors
This commit is contained in:
parent
ff5ead6284
commit
6566354986
@ -37,17 +37,12 @@ const Clipboard: React.FC<ClipboardProps> = ({ children }) => {
|
|||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
handleCopy();
|
handleCopy();
|
||||||
}}
|
}}
|
||||||
className="text-white"
|
className="text-foreground"
|
||||||
title="Copy"
|
title="Copy"
|
||||||
>
|
>
|
||||||
{copyState === 'idle' && <Icons.Copy className="h-6 w-6" />}
|
{copyState === 'idle' && <Icons.Copy className="h-6 w-6" />}
|
||||||
{copyState === 'success' && <Icons.FeedbackComplete className="h-6 w-6 text-white" />}
|
{copyState === 'success' && <Icons.FeedbackComplete className="h-6 w-6 text-foreground" />}
|
||||||
{copyState === 'error' && (
|
{copyState === 'error' && <Icons.StatusError className="h-6 w-6 text-foreground" />}
|
||||||
<Icons.ByName
|
|
||||||
name="Error"
|
|
||||||
className="h-6 w-6 text-white"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Button>
|
</Button>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user