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

UserPicker: Use clearable AsyncSelect for the UserPicker (#27994)

Browse Source
This commit is contained in:
Alex Khomenko 2020-10-03 08:19:45 +03:00 committed by GitHub
parent dfe04ea3e8
commit 6173aa70b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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/core/components/Select/UserPicker.tsx
View File

@ -3,8 +3,7 @@ import React, { Component } from 'react';
import _ from 'lodash'; import _ from 'lodash';
// Components // Components
import { LegacyForms } from '@grafana/ui'; import { AsyncSelect } from '@grafana/ui';
const { AsyncSelect } = LegacyForms;
// Utils & Services // Utils & Services
import { debounce } from 'lodash'; import { debounce } from 'lodash';
@ -66,13 +65,14 @@ export class UserPicker extends Component<Props, State> {
return ( return (
<div className="user-picker" data-testid="userPicker"> <div className="user-picker" data-testid="userPicker">
<AsyncSelect <AsyncSelect
isClearable
className={className} className={className}
isLoading={isLoading} isLoading={isLoading}
defaultOptions={true} defaultOptions={true}
loadOptions={this.debouncedSearch} loadOptions={this.debouncedSearch}
onChange={onSelected} onChange={onSelected}
placeholder="Select user" placeholder="Select user"
noOptionsMessage={() => 'No users found'} noOptionsMessage="No users found"
/> />
</div> </div>
); );