lots more changes

src/hooks/files.ts

@@ -1,9 +1,15 @@
-import { useInfiniteQuery, useQuery, useQueryClient } from "react-query";
+import {
+  QueryFunctionContext,
+  useInfiniteQuery,
+  useQuery,
+  useQueryClient,
+} from "react-query";
 import { useParams } from "react-router-dom";
 import {
   getFileThumbnailAPI,
   getFilesListAPI,
   getQuickFilesListAPI,
+  getSuggestedListAPI,
 } from "../api/filesAPI";
 import { useCallback, useEffect, useState } from "react";
 import { useSelector } from "react-redux";
@@ -17,7 +23,7 @@ export const useFiles = () => {
       "files",
       {
         parent: params.id || "/",
-        search: "",
+        search: params.query || "",
         sortBy,
         limit: undefined,
       },
@@ -122,3 +128,18 @@ export const useThumbnail = (hasThumbnail: boolean, thumbnailID?: string) => {
 
   return { ...state, imageOnError };
 };
+
+export const useSearchSuggestions = (searchText: string) => {
+  const searchQuery = useQuery(
+    [
+      "search",
+      {
+        searchText,
+      },
+    ],
+    getSuggestedListAPI,
+    { enabled: searchText.length !== 0 }
+  );
+
+  return { ...searchQuery };
+};

src/hooks/folders.ts

@@ -11,7 +11,7 @@ export const useFolders = () => {
       "folders",
       {
         parent: params.id || "/",
-        search: "",
+        search: params.query || "",
         sortBy,
         limit: undefined,
       },

src/hooks/utils.ts

@@ -5,8 +5,8 @@ export const useUtils = () => {
   const params = useParams();
 
   const isHome = useMemo(() => {
-    return !params.id;
-  }, [params.id]);
+    return !params.id && !params.query;
+  }, [params.id, params.query]);
 
   return { isHome };
 };