don't break label

This commit is contained in:
Simon Knott 2025-02-07 15:08:37 +01:00
parent 4d5a2b229a
commit 94e9821c71
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC

View file

@ -30,7 +30,7 @@ type CopyToClipboardProps = {
export const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({
value,
icon: copyIcon = icons.copy(),
title
title = 'Copy to clipboard',
}) => {
type IconType = 'copy' | 'check' | 'cross';
const [icon, setIcon] = React.useState<IconType>('copy');
@ -45,7 +45,7 @@ export const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({
});
}, [value]);
const iconElement = icon === 'check' ? icons.check() : icon === 'cross' ? icons.cross() : copyIcon;
return <button className='copy-icon' title={title ?? 'Copy to clipboard'} onClick={handleCopy}>{iconElement}</button>;
return <button className='copy-icon' aria-label={title} title={title} onClick={handleCopy}>{iconElement}</button>;
};
type CopyToClipboardContainerProps = CopyToClipboardProps & {