testing

GitbookIO · Jan 13, 2025 · c6c3f00 · c6c3f00
1 parent f66b402
commit c6c3f00
Showing 1 changed file with 32 additions and 12 deletions.
diff --git a/packages/gitbook/src/components/Search/SearchResults.tsx b/packages/gitbook/src/components/Search/SearchResults.tsx
@@ -54,17 +54,26 @@ export const SearchResults = React.forwardRef(function SearchResults(
 
     const language = useLanguage();
     const trackEvent = useTrackEvent();
+
     const debounceTimeout = React.useRef<Timer | null>(null);
     const [results, setResults] = React.useState<ResultType[]>([]);
     const [isLoading, setIsLoading] = React.useState(false);
-    // const [resultsState, setResultsState] = React.useState<{
-    //     results: ResultType[];
-    //     fetching: boolean;
-    // }>({ results: [], fetching: true });
+
     const [cursor, setCursor] = React.useState<number | null>(null);
     const refs = React.useRef<(null | HTMLAnchorElement)[]>([]);
     const suggestedQuestionsRef = React.useRef<null | ResultType[]>(null);
 
+const fetchResults = React.useCallback(
+    async (query: string, global: boolean, pointer?: any, revisionId?: any) => {
+        const fetchedResults = await (global
+            ? searchAllSiteContent(query, pointer)
+            : searchSiteSpaceContent(query, pointer, revisionId));
+
+        return fetchedResults || [];
+    },
+    []
+);
+
     React.useEffect(() => {
         setIsLoading(true);
 
@@ -107,17 +116,28 @@ export const SearchResults = React.forwardRef(function SearchResults(
             }
 
             debounceTimeout.current = setTimeout(async () => {
-                const fetchedResults = await (global
-                    ? searchAllSiteContent(query, pointer)
-                    : searchSiteSpaceContent(query, pointer, revisionId));
+                // const fetchedResults = await (global
+                //     ? searchAllSiteContent(query, pointer)
+                //     : searchSiteSpaceContent(query, pointer, revisionId));
+
+                // setResults(withAsk ? withQuestionResult(fetchedResults, query) : fetchedResults);
+                fetchResults(query, global, pointer, revisionId).then((fetchedResults) => {
+                    setResults(withAsk ? withQuestionResult(fetchedResults, query) : fetchedResults);
+                    setIsLoading(false);
+
+                    // Track the event only when the query changes
+                    trackEvent({
+                        type: 'search_type_query',
+                        query,
+                    });
+                });
 
-                setResults(withAsk ? withQuestionResult(fetchedResults, query) : fetchedResults);
                 setIsLoading(false);
 
-                trackEvent({
-                    type: 'search_type_query',
-                    query,
-                });
+                // trackEvent({
+                //     type: 'search_type_query',
+                //     query,
+                // });
             }, 350);
 
             return () => {