Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-02 11:13:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1769] keep input focused when search (#2435)

Browse source 
Focus when navigating to search
This commit is contained in:
ameer2468 2024-05-01 20:34:30 +03:00 committed by GitHub
parent 958692771d
commit 2fcb287e4e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
interface/app/$libraryId/search/SearchBar.tsx
View file

@ -1,9 +1,9 @@
import { useCallback, useEffect, useRef, useState } from 'react';
import { useNavigate } from 'react-router';
import { createSearchParams } from 'react-router-dom';
import { useDebouncedCallback } from 'use-debounce';
import { SearchFilterArgs } from '@sd/client';
import { Input, ModifierKeys, Shortcut } from '@sd/ui';
import { useCallback, useEffect, useRef, useState } from 'react';
import { useLocation, useNavigate } from 'react-router';
import { createSearchParams } from 'react-router-dom';
import { useDebouncedCallback } from 'use-debounce';
import { useOperatingSystem } from '~/hooks';
import { keybindForOs } from '~/util/keybinds';
@ -22,6 +22,7 @@ export default ({ redirectToSearch, defaultFilters, defaultTarget }: Props) => {
const searchRef = useRef<HTMLInputElement>(null);
const navigate = useNavigate();
const searchStore = useSearchStore();
const locationState: { focusSearch?: boolean } = useLocation().state;
const os = useOperatingSystem(true);
const keybind = keybindForOs(os);
@ -74,6 +75,10 @@ export default ({ redirectToSearch, defaultFilters, defaultTarget }: Props) => {
search: createSearchParams({
search: value
}).toString()
}, {
state: {
focusSearch: true
}
});
}
}, 300);
@ -99,6 +104,7 @@ export default ({ redirectToSearch, defaultFilters, defaultTarget }: Props) => {
onChange={(e) => {
updateValue(e.target.value);
}}
autoFocus={locationState?.focusSearch || false}
onBlur={() => {
if (search.rawSearch === '' && !searchStore.interactingWithSearchOptions) {
clearValue();