IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Explore: updates responsive button to forward ref

Browse Source
This commit is contained in:
Łukasz Siatka
2019-11-21 15:06:16 +01:00
committed by Lukas Siatka
parent c9645a96c6
commit 231e620f95
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/explore/ResponsiveButton.tsx
+3 -3
View File
@@ -1,4 +1,4 @@
import React from 'react'; import React, { forwardRef } from 'react';
export enum IconSide { export enum IconSide {
left = 'left', left = 'left',
@@ -19,7 +19,7 @@ function formatBtnTitle(title: string, iconSide?: string): string {
return iconSide === IconSide.left ? '\xA0' + title : iconSide === IconSide.right ? title + '\xA0' : title; return iconSide === IconSide.left ? '\xA0' + title : iconSide === IconSide.right ? title + '\xA0' : title;
} }
export const ResponsiveButton = (props: Props) => { export const ResponsiveButton = forwardRef<HTMLButtonElement, Props>((props, ref) => {
const defaultProps = { const defaultProps = {
iconSide: IconSide.left, iconSide: IconSide.left,
}; };
@@ -37,4 +37,4 @@ export const ResponsiveButton = (props: Props) => {
{iconClassName && iconSide === IconSide.right ? <i className={`${iconClassName}`} /> : null} {iconClassName && iconSide === IconSide.right ? <i className={`${iconClassName}`} /> : null}
</button> </button>
); );
}; });