fix: suspense fallback and query param on initial visit

upstash · Jan 6, 2025 · db97e26 · db97e26
1 parent 5c6aa32
commit db97e26
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -11,7 +11,7 @@ import {
 } from "@/components/primitive/tabs";
 import Container from "@/components/container";
 import { BorderBox } from "@/components/border-box";
-import { IconBrandOpenai } from "@tabler/icons-react";
+import { IconBrandOpenai, IconLoader2 } from "@tabler/icons-react";
 
 export default function Page() {
   const [tab, setTab] = useState<"chat" | "search">("search");
@@ -66,9 +66,17 @@ export default function Page() {
 
           <TabsContent value="search" className="">
             <div className="py-6 sm:py-8">
-              <Suspense fallback="Loadings...">
+              <Suspense
+                fallback={
+                  <IconLoader2
+                    className="animate-spin flex w-full justify-center text-emerald-400"
+                    role="status"
+                  />
+                }
+              >
                 <SearchTab />
-              </Suspense>
+              </Suspense>{" "}
+              */
             </div>
           </TabsContent>
           <TabsContent value="chat">

diff --git a/src/components/search/search-tab.tsx b/src/components/search/search-tab.tsx
@@ -21,16 +21,15 @@ export const SearchTab = () => {
     if (!isInitial) return;
     setIsInitial(false);
     if (searchParam.query) {
-      console.log("in");
       setSearch(searchParam.query);
     } else {
-      console.log("out", searchParam);
-
+      const query = "Who are the founders of internet?";
       setSearchParam({
-        query: "Who are the founders of internet?",
+        query,
         leftModel: "MXBAI (Dense)",
         rightModel: "MXBAI / BM25 (Hybrid)",
       });
+      setSearch(query);
     }
   }, [searchParam, isInitial]);