Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00
Code Issues Projects Releases Wiki Activity

feat: select first item after query (#7592)

Browse Source 
Now after search is done, the first item will be selected
This commit is contained in:
Jaanus Sellin 2024-07-16 09:28:34 +03:00 committed by GitHub
parent 7ed717379c
commit 0a4ef3b49f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/component/commandBar/CommandBar.tsx
View File

@ -171,6 +171,12 @@ export const CommandBar = () => {
debouncedSetSearchState(value); debouncedSetSearchState(value);
}, [searchedFlagCount]); }, [searchedFlagCount]);
useEffect(() => {
if (!searchLoading) {
selectFirstItem();
}
}, [searchLoading, searchString]);
const onSearchChange = (value: string) => { const onSearchChange = (value: string) => {
debouncedSetSearchState(value); debouncedSetSearchState(value);
setValue(value); setValue(value);
@ -265,6 +271,13 @@ export const CommandBar = () => {
}, },
); );
const selectFirstItem = () => {
const itemsAndIndex = findCommandBarLinksAndSelectedIndex();
if (!itemsAndIndex) return;
const { allCommandBarLinks } = itemsAndIndex;
(allCommandBarLinks[0] as HTMLElement).focus();
};
useOnClickOutside([searchContainerRef], hideSuggestions); useOnClickOutside([searchContainerRef], hideSuggestions);
const onKeyDown = (event: React.KeyboardEvent) => { const onKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Escape') { if (event.key === 'Escape') {