Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Thumbnail scrubber improvements (#4081)

Browse Source 
* Remove deps from useDebounce hook
* Add useThrottle hook
* Throttle preview scrubber
* Scrubber improvements
This commit is contained in:
DingDongSoLong4
2023-09-08 03:33:16 +02:00
committed by GitHub
parent 7a9214375b
commit 50c4ac98af
14 changed files with 126 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/v2.5/src/components/List/Filters/SelectableFilter.tsx
View File

@@ -22,7 +22,7 @@ import {
import { defineMessages, MessageDescriptor, useIntl } from "react-intl";
import { CriterionModifier } from "src/core/generated-graphql";
import { keyboardClickHandler } from "src/utils/keyboard";
import { useDebouncedSetState } from "src/hooks/debounce";
import { useDebounce } from "src/hooks/debounce";
import useFocus from "src/utils/focus";
interface ISelectedItem {
@@ -192,7 +192,7 @@ export const ObjectsFilter = <
const [query, setQuery] = useState("");
const [displayQuery, setDisplayQuery] = useState(query);
const debouncedSetQuery = useDebouncedSetState(setQuery, 250);
const debouncedSetQuery = useDebounce(setQuery, 250);
const onQueryChange = useCallback(
(input: string) => {
setDisplayQuery(input);

16
ui/v2.5/src/components/List/ListFilter.tsx
View File

@@ -75,16 +75,12 @@ export const ListFilter: React.FC<IListFilterProps> = ({
[filter, onFilterUpdate]
);
const searchCallback = useDebounce(
(value: string) => {
const newFilter = cloneDeep(filter);
newFilter.searchTerm = value;
newFilter.currentPage = 1;
onFilterUpdate(newFilter);
},
[filter, onFilterUpdate],
500
);
const searchCallback = useDebounce((value: string) => {
const newFilter = cloneDeep(filter);
newFilter.searchTerm = value;
newFilter.currentPage = 1;
onFilterUpdate(newFilter);
}, 500);
const intl = useIntl();