IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

use appropriate elements when rendering bargauge

Browse Source
This commit is contained in:
Leodegario Pasakdal 2022-11-30 14:21:06 +01:00
parent ac31a3eac1
commit d04e5b94ba
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/grafana-ui/src/components/BarGauge/BarGauge.tsx
View File

@ -83,19 +83,25 @@ export class BarGauge extends PureComponent<Props> {
const { title } = this.props.value;
const styles = getTitleStyles(this.props);
if (!title) {
if (onClick) {
return (
<button style={styles.wrapper} onClick={onClick} className={cx(clearButtonStyles(theme), className)}>
<button
type="button"
style={styles.wrapper}
onClick={onClick}
className={cx(clearButtonStyles(theme), className)}
>
<div style={styles.title}>{title}</div>
{this.renderBarAndValue()}
</button>
);
}
return (
<button style={styles.wrapper} onClick={onClick} className={cx(clearButtonStyles(theme), className)}>
<div style={styles.title}>{title}</div>
<div style={styles.wrapper} className={className}>
{title && <div style={styles.title}>{title}</div>}
{this.renderBarAndValue()}
</button>
</div>
);
}