IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-14 01:23:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactoring alias by

Browse Source
This commit is contained in:
Erik Sundell 2019-01-11 10:29:53 +01:00
parent b64115e5f5
commit 3871ef29f9
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/plugins/datasource/stackdriver/components/AliasBy.tsx
View File

@ -11,9 +11,11 @@ export interface State {
}
export class AliasBy extends Component<Props, State> {
propagateOnChange: (value) => void;
constructor(props) {
super(props);
this.updateQuery = debounce(this.updateQuery.bind(this), 500);
this.propagateOnChange = debounce(this.props.onChange, 500);
this.state = { value: '' };
}
@ -29,16 +31,12 @@ export class AliasBy extends Component<Props, State> {
onChange(e) {
this.setState({ value: e.target.value });
this.updateQuery(e.target.value);
}
updateQuery(value) {
this.props.onChange(value);
this.propagateOnChange(e.target.value);
}
render() {
return (
<React.Fragment>
<>
<div className="gf-form-inline">
<div className="gf-form">
<label className="gf-form-label query-keyword width-9">Alias By</label>
@ -53,7 +51,7 @@ export class AliasBy extends Component<Props, State> {
<div className="gf-form-label gf-form-label--grow" />
</div>
</div>
</React.Fragment>
</>
);
}
}