Fixed autocomplete

main
Boris Sekachev 5 years ago
parent c1ddd637b4
commit a627713bfc

@ -6,7 +6,7 @@ import React from 'react';
import { GlobalHotKeys, ExtendedKeyMapOptions } from 'react-hotkeys'; import { GlobalHotKeys, ExtendedKeyMapOptions } from 'react-hotkeys';
import Tooltip from 'antd/lib/tooltip'; import Tooltip from 'antd/lib/tooltip';
import Layout from 'antd/lib/layout/layout'; import Layout from 'antd/lib/layout';
import Slider from 'antd/lib/slider'; import Slider from 'antd/lib/slider';
import { import {

@ -3,13 +3,12 @@
// SPDX-License-Identifier: MIT // SPDX-License-Identifier: MIT
import React, { useState, useEffect, useRef } from 'react'; import React, { useState, useEffect, useRef } from 'react';
import { SelectValue, RefSelectProps } from 'antd/lib/select';
import Autocomplete from 'antd/lib/auto-complete'; import Autocomplete from 'antd/lib/auto-complete';
import Input from 'antd/lib/input'; import Input from 'antd/lib/input';
import debounce from 'lodash/debounce';
import getCore from 'cvat-core-wrapper'; import getCore from 'cvat-core-wrapper';
import { SelectValue } from 'antd/lib/select';
import debounce from 'lodash/debounce';
const core = getCore(); const core = getCore();
@ -48,7 +47,7 @@ export default function UserSelector(props: Props): JSX.Element {
const [searchPhrase, setSearchPhrase] = useState(''); const [searchPhrase, setSearchPhrase] = useState('');
const [users, setUsers] = useState<User[]>([]); const [users, setUsers] = useState<User[]>([]);
const autocompleteRef = useRef<Autocomplete | null>(null); const autocompleteRef = useRef<RefSelectProps | null>(null);
const handleSearch = (searchValue: string): void => { const handleSearch = (searchValue: string): void => {
if (searchValue) { if (searchValue) {
@ -102,7 +101,7 @@ export default function UserSelector(props: Props): JSX.Element {
onDropdownVisibleChange={handleFocus} onDropdownVisibleChange={handleFocus}
options={users.map((user) => ({ options={users.map((user) => ({
value: user.id.toString(), value: user.id.toString(),
text: user.username, label: user.username,
}))} }))}
> >
<Input onPressEnter={() => autocompleteRef.current?.blur()} /> <Input onPressEnter={() => autocompleteRef.current?.blur()} />

Loading…
Cancel
Save