PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-01-23 05:24:55 +03:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Merge pull request #1326 from hydralauncher/fix/adding-debounce-to-search

Browse Source 
fix: adding debounce to search
This commit is contained in:
Zamitto 2024-12-24 01:09:12 -03:00 committed by GitHub
commit 3613ad156b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/src/pages/catalogue/catalogue.tsx
View File

@ -20,6 +20,7 @@ import { Pagination } from "./pagination";
import { useCatalogue } from "@renderer/hooks/use-catalogue";
import { GameItem } from "./game-item";
import { FilterItem } from "./filter-item";
import { debounce } from "lodash-es";
const filterCategoryColors = {
genres: "hsl(262deg 50% 47%)",
@ -58,26 +59,36 @@ export default function Catalogue() {
const { getRepacksForObjectId } = useRepacks();
const debouncedSearch = useRef(
debounce(async (filters, pageSize, offset) => {
const abortController = new AbortController();
abortControllerRef.current = abortController;
const response = await window.electron.searchGames(
filters,
pageSize,
offset
);
if (abortController.signal.aborted) return;
setResults(response.edges);
setItemsCount(response.count);
setIsLoading(false);
}, 500)
).current;
useEffect(() => {
setResults([]);
setIsLoading(true);
abortControllerRef.current?.abort();
const abortController = new AbortController();
abortControllerRef.current = abortController;
debouncedSearch(filters, PAGE_SIZE, (page - 1) * PAGE_SIZE);
window.electron
.searchGames(filters, PAGE_SIZE, (page - 1) * PAGE_SIZE)
.then((response) => {
if (abortController.signal.aborted) {
return;
}
setResults(response.edges);
setItemsCount(response.count);
setIsLoading(false);
});
}, [filters, page, dispatch]);
return () => {
debouncedSearch.cancel();
};
}, [filters, page, debouncedSearch]);
useEffect(() => {
downloadSourcesTable.toArray().then((sources) => {