vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

debounce playqueue search

Browse Source
This commit is contained in:
jeffvli
2025-11-13 18:49:59 -08:00
parent 1d6687a3e2
commit f542f530e6
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/now-playing/components/play-queue.tsx
+6 -3
View File
@@ -1,3 +1,4 @@
import { useDebouncedValue } from '@mantine/hooks';
import { nanoid } from 'nanoid/non-secure'; import { nanoid } from 'nanoid/non-secure';
import { forwardRef, useEffect, useMemo, useRef } from 'react'; import { forwardRef, useEffect, useMemo, useRef } from 'react';
@@ -29,13 +30,15 @@ export const PlayQueue = forwardRef<ItemListHandle, QueueProps>(({ listKey, sear
const queue = usePlayerQueue(); const queue = usePlayerQueue();
const isFetching = useIsPlayerFetching(); const isFetching = useIsPlayerFetching();
const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 200);
const data: QueueSong[] = useMemo(() => { const data: QueueSong[] = useMemo(() => {
if (searchTerm) { if (debouncedSearchTerm) {
return searchSongs(queue, searchTerm); return searchSongs(queue, debouncedSearchTerm);
} }
return queue; return queue;
}, [queue, searchTerm]); }, [queue, debouncedSearchTerm]);
const playQueueKeyRef = useRef({ const playQueueKeyRef = useRef({
alreadyRendered: false, alreadyRendered: false,