From e3cd0e59cd56018065ce7043968125e4a6f2188b Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 14 Mar 2024 11:43:36 -0500
Subject: [PATCH] Prevent cmdk querying after selection is made

---
 src/components/CommandKClient.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/CommandKClient.tsx b/src/components/CommandKClient.tsx
index 0e99bc09..105b1049 100644
--- a/src/components/CommandKClient.tsx
+++ b/src/components/CommandKClient.tsx
@@ -97,7 +97,7 @@ export default function CommandKClient({
   }, [setIsOpen]);
 
   useEffect(() => {
-    if (queryDebounced.length >= MINIMUM_QUERY_LENGTH) {
+    if (queryDebounced.length >= MINIMUM_QUERY_LENGTH && !isPending) {
       setIsLoading(true);
       onQueryChange?.(queryDebounced).then(querySections => {
         if (isOpenRef.current) {
@@ -109,7 +109,7 @@ export default function CommandKClient({
         setIsLoading(false);
       });
     }
-  }, [queryDebounced, onQueryChange]);
+  }, [queryDebounced, onQueryChange, isPending]);
 
   useEffect(() => {
     if (queryLive === '') {
@@ -182,7 +182,7 @@ export default function CommandKClient({
               placeholder="Search photos, views, settings ..."
               disabled={isPending}
             />
-            {isLoading &&
+            {isLoading && !isPending &&
               <span className={clsx(
                 'absolute top-2.5 right-0 w-8',
                 'flex items-center justify-center translate-y-[2px]',