From c5e11cca586fe527a1ee431997bb0b85f3fb99d5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 13 Nov 2025 18:49:59 -0800
Subject: [PATCH] debounce playqueue search

---
 .../features/now-playing/components/play-queue.tsx       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/now-playing/components/play-queue.tsx b/src/renderer/features/now-playing/components/play-queue.tsx
index 91c9f4f08..3dedf969a 100644
--- a/src/renderer/features/now-playing/components/play-queue.tsx
+++ b/src/renderer/features/now-playing/components/play-queue.tsx
@@ -1,3 +1,4 @@
+import { useDebouncedValue } from '@mantine/hooks';
 import { nanoid } from 'nanoid/non-secure';
 import { forwardRef, useEffect, useMemo, useRef } from 'react';
 
@@ -29,13 +30,15 @@ export const PlayQueue = forwardRef<ItemListHandle, QueueProps>(({ listKey, sear
     const queue = usePlayerQueue();
     const isFetching = useIsPlayerFetching();
 
+    const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 200);
+
     const data: QueueSong[] = useMemo(() => {
-        if (searchTerm) {
-            return searchSongs(queue, searchTerm);
+        if (debouncedSearchTerm) {
+            return searchSongs(queue, debouncedSearchTerm);
         }
 
         return queue;
-    }, [queue, searchTerm]);
+    }, [queue, debouncedSearchTerm]);
 
     const playQueueKeyRef = useRef({
         alreadyRendered: false,