Autofill search bar based on path

ethanniser · Oct 19, 2024 · 08efce4 · 08efce4
1 parent 58e9019
commit 08efce4
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/search-dropdown.tsx b/src/components/search-dropdown.tsx
@@ -9,6 +9,7 @@ import { cn } from "@/lib/utils";
 import { Product } from "../db/schema";
 import { searchProducts } from "../lib/actions";
 import Link from "next/link";
+import { useParams } from "next/navigation";
 
 type SearchResult = Product & { href: string };
 
@@ -29,6 +30,16 @@ export function SearchDropdownComponent() {
     search();
   }, [searchTerm]);
 
+  const params = useParams();
+  useEffect(() => {
+    if (!params.product) {
+      const subcategory = params.subcategory;
+      setSearchTerm(
+        typeof subcategory === "string" ? subcategory.replaceAll("-", " ") : "",
+      );
+    }
+  }, [params]);
+
   return (
     <div className="font-sans">
       <div className="relative w-full">