better logging and delay

2026-01-29 00:55:18 -05:00
parent 3a66e3cd42
commit 394fa0b900
4 changed files with 63 additions and 22 deletions
@@ -8,6 +8,7 @@ export default function ChallengeList() {
  const [showResults, setShowResults] = useState([]);
  const [loading, setLoading] = useState(true);
  const [creating, setCreating] = useState(false);
+  const [searchTimeout, setSearchTimeout] = useState(null);

  useEffect(() => {
    loadChallenges();
@@ -24,19 +25,30 @@ export default function ChallengeList() {
    }
  };

-  const handleSearch = async (query) => {
+  const handleSearch = (query) => {
    setSearchQuery(query);
+    
+    // Clear previous timeout
+    if (searchTimeout) {
+      clearTimeout(searchTimeout);
+    }
+    
    if (query.trim().length < 2) {
      setShowResults([]);
      return;
    }

-    try {
-      const data = await api.searchShows(query);
-      setShowResults(data.results || []);
-    } catch (err) {
-      console.error('Search failed:', err);
-    }
+    // Debounce search by 1.5 seconds
+    const timeout = setTimeout(async () => {
+      try {
+        const data = await api.searchShows(query);
+        setShowResults(data.results || []);
+      } catch (err) {
+        console.error('Search failed:', err);
+      }
+    }, 1500);
+    
+    setSearchTimeout(timeout);
  };

  const handleCreateChallenge = async (show) => {