fix search not applied on production environment (#493)

babylonlabs-io · Dec 11, 2024 · 0d44f63 · 0d44f63
1 parent b9b6173
commit 0d44f63
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simple-staking",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/src/app/components/Staking/FinalityProviders/FinalityProviderSearch.tsx b/src/app/components/Staking/FinalityProviders/FinalityProviderSearch.tsx
@@ -14,11 +14,19 @@ export const FinalityProviderSearch: React.FC<FinalityProviderSearchProps> = ({
   const searchParams = useSearchParams();
   const initialSearchFp = searchParams.get("fp");
 
-  const [searchTerm, setSearchTerm] = useState(initialSearchFp);
+  const [searchTerm, setSearchTerm] = useState(initialSearchFp || "");
   const debouncedSearchTerm = useDebounce(searchTerm, 300);
 
+  // Effect for handling initial search
   useEffect(() => {
-    onSearch(debouncedSearchTerm ?? "");
+    if (initialSearchFp) {
+      onSearch(initialSearchFp);
+    }
+  }, [initialSearchFp, onSearch]);
+
+  // Effect for handling subsequent searches
+  useEffect(() => {
+    onSearch(debouncedSearchTerm);
   }, [debouncedSearchTerm, onSearch]);
 
   const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -34,7 +42,7 @@ export const FinalityProviderSearch: React.FC<FinalityProviderSearchProps> = ({
         <input
           type="text"
           placeholder="Search by Name or Public Key"
-          value={searchTerm ?? ""}
+          value={searchTerm}
           onChange={handleSearch}
           className="w-full pl-10 pr-4 py-2 text-sm bg-transparent border-b border-gray-300 focus:outline-none focus:border-primary"
         />