don't break label
This commit is contained in:
parent
4d5a2b229a
commit
94e9821c71
|
|
@ -30,7 +30,7 @@ type CopyToClipboardProps = {
|
||||||
export const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({
|
export const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({
|
||||||
value,
|
value,
|
||||||
icon: copyIcon = icons.copy(),
|
icon: copyIcon = icons.copy(),
|
||||||
title
|
title = 'Copy to clipboard',
|
||||||
}) => {
|
}) => {
|
||||||
type IconType = 'copy' | 'check' | 'cross';
|
type IconType = 'copy' | 'check' | 'cross';
|
||||||
const [icon, setIcon] = React.useState<IconType>('copy');
|
const [icon, setIcon] = React.useState<IconType>('copy');
|
||||||
|
|
@ -45,7 +45,7 @@ export const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({
|
||||||
});
|
});
|
||||||
}, [value]);
|
}, [value]);
|
||||||
const iconElement = icon === 'check' ? icons.check() : icon === 'cross' ? icons.cross() : copyIcon;
|
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 & {
|
type CopyToClipboardContainerProps = CopyToClipboardProps & {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue