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

improve component performance

Browse Source
This commit is contained in:
Erik Sundell 2018-12-18 16:56:16 +01:00
parent 86a39183ee
commit 1e5f2f56e0
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/app/plugins/datasource/stackdriver/components/StackdriverPicker.tsx
View File

@ -40,11 +40,8 @@ export class StackdriverPicker extends React.Component<Props, State> {
} }
shouldComponentUpdate(nextProps: Props) { shouldComponentUpdate(nextProps: Props) {
return ( const nextOptions = this.buildOptions(nextProps);
nextProps.selected !== this.props.selected || return nextProps.selected !== this.props.selected || !_.isEqual(nextOptions, this.state.options);
!_.isEqual(nextProps.options, this.props.options) ||
!_.isEqual(nextProps.templateVariables, this.props.templateVariables)
);
} }
buildOptions({ templateVariables = [], groupName = '', options }) { buildOptions({ templateVariables = [], groupName = '', options }) {
@ -89,9 +86,7 @@ export class StackdriverPicker extends React.Component<Props, State> {
backspaceRemovesValue={false} backspaceRemovesValue={false}
onChange={item => onChange(item.value)} onChange={item => onChange(item.value)}
options={options} options={options}
autoFocus={false}
isSearchable={searchable} isSearchable={searchable}
openMenuOnFocus={true}
maxMenuHeight={500} maxMenuHeight={500}
placeholder={placeholder} placeholder={placeholder}
noOptionsMessage={() => 'No options found'} noOptionsMessage={() => 'No options found'}