Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

revert copytoclipboard

Browse source
This commit is contained in:
Simon Knott 2025-02-10 10:01:41 +01:00
parent 5e3f175c54
commit 73cc6dd364
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/trace-viewer/src/ui/copyToClipboard.tsx
View file

@ -21,9 +21,8 @@ import './copyToClipboard.css';
export const CopyToClipboard: React.FunctionComponent<{
value: string | (() => Promise<string>),
description?: string,
copyIcon?: string;
}> = ({ value, description, copyIcon = 'copy' }) => {
const [icon, setIcon] = React.useState(copyIcon);
}> = ({ value, description }) => {
const [icon, setIcon] = React.useState('copy');
const handleCopy = React.useCallback(() => {
const valuePromise = typeof value === 'function' ? value() : Promise.resolve(value);
@ -31,7 +30,7 @@ export const CopyToClipboard: React.FunctionComponent<{
navigator.clipboard.writeText(value).then(() => {
setIcon('check');
setTimeout(() => {
setIcon(copyIcon);
setIcon('copy');
}, 3000);
}, () => {
setIcon('close');
@ -40,8 +39,8 @@ export const CopyToClipboard: React.FunctionComponent<{
setIcon('close');
});
}, [value, copyIcon]);
return <ToolbarButton title={description ?? 'Copy'} icon={icon} onClick={handleCopy}/>;
}, [value]);
return <ToolbarButton title={description ? description : 'Copy'} icon={icon} onClick={handleCopy}/>;
};
export const CopyToClipboardTextButton: React.FunctionComponent<{