Grafana UI: Fix tooltip prop of button component (#64765)

fix tooltip prop of Button component
This commit is contained in:
Süleyman Barış Eser
2023-03-30 12:53:11 +03:00
committed by GitHub
parent a6b2bc3997
commit 1c7921770c
2 changed files with 16 additions and 9 deletions

View File

@ -44,6 +44,8 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
children,
className,
type = 'button',
tooltip,
tooltipPlacement,
...otherProps
},
ref
@ -58,12 +60,22 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
iconOnly: !children,
});
return (
const button = (
<button className={cx(styles.button, className)} type={type} {...otherProps} ref={ref}>
{icon && <Icon name={icon} size={size} className={styles.icon} />}
{children && <span className={styles.content}>{children}</span>}
</button>
);
if (tooltip) {
return (
<Tooltip content={tooltip} placement={tooltipPlacement}>
{button}
</Tooltip>
);
}
return button;
}
);