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
@@ -14,6 +14,7 @@ export default function ChallengeDetail() {
  const [searchResults, setSearchResults] = useState([]);
  const [showInvite, setShowInvite] = useState(false);
  const [loading, setLoading] = useState(true);
+  const [searchTimeout, setSearchTimeout] = useState(null);

  useEffect(() => {
    loadChallenge();
@@ -76,19 +77,30 @@ export default function ChallengeDetail() {
    }
  };

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

-    try {
-      const data = await api.searchUsers(query);
-      setSearchResults(data.users);
-    } catch (err) {
-      console.error('Search failed:', err);
-    }
+    // Debounce search by 1 second
+    const timeout = setTimeout(async () => {
+      try {
+        const data = await api.searchUsers(query);
+        setSearchResults(data.users);
+      } catch (err) {
+        console.error('Search failed:', err);
+      }
+    }, 1000);
+    
+    setSearchTimeout(timeout);
  };

  const handleInvite = async (userId) => {