IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-12 08:35:43 -06: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-10-15 11:13:24 +02:00 committed by Lukas Siatka
parent c9645a96c6
commit 231e620f95
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/explore/ResponsiveButton.tsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import React, { forwardRef } from 'react';
export enum IconSide {
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;
}
export const ResponsiveButton = (props: Props) => {
export const ResponsiveButton = forwardRef<HTMLButtonElement, Props>((props, ref) => {
const defaultProps = {
iconSide: IconSide.left,
};
@ -37,4 +37,4 @@ export const ResponsiveButton = (props: Props) => {
{iconClassName && iconSide === IconSide.right ? <i className={`${iconClassName}`} /> : null}
</button>
);
};
});