From c4749c6e7ca338a9f3fd3299ebb53bbf45c3de07 Mon Sep 17 00:00:00 2001
From: frankli-dev <51565705+frankli-dev@users.noreply.github.com>
Date: Wed, 3 Apr 2024 00:36:55 -0600
Subject: [PATCH] fix: Search bar initial value on Pools/Validators page
 (#2032)

---
 src/library/List/SearchInput.tsx    | 2 ++
 src/library/List/types.ts           | 1 +
 src/library/PoolList/Default.tsx    | 1 +
 src/library/ValidatorList/index.tsx | 1 +
 4 files changed, 5 insertions(+)

diff --git a/src/library/List/SearchInput.tsx b/src/library/List/SearchInput.tsx
index d6a2c414f1..b66f0f8a02 100644
--- a/src/library/List/SearchInput.tsx
+++ b/src/library/List/SearchInput.tsx
@@ -6,12 +6,14 @@ import { SearchInputWrapper } from '.';
 import type { SearchInputProps } from './types';
 
 export const SearchInput = ({
+  value,
   handleChange,
   placeholder,
 }: SearchInputProps) => (
   <SearchInputWrapper>
     <input
       type="text"
+      value={value}
       className="search"
       placeholder={placeholder}
       onChange={(e: FormEvent<HTMLInputElement>) => handleChange(e)}
diff --git a/src/library/List/types.ts b/src/library/List/types.ts
index a4823568e7..5daa5200c2 100644
--- a/src/library/List/types.ts
+++ b/src/library/List/types.ts
@@ -22,6 +22,7 @@ export interface PaginationProps {
 }
 
 export interface SearchInputProps {
+  value: string;
   handleChange: (e: FormEvent<HTMLInputElement>) => void;
   placeholder: string;
 }
diff --git a/src/library/PoolList/Default.tsx b/src/library/PoolList/Default.tsx
index 634f7db58f..a281d147fb 100644
--- a/src/library/PoolList/Default.tsx
+++ b/src/library/PoolList/Default.tsx
@@ -183,6 +183,7 @@ export const PoolList = ({
       <List $flexBasisLarge={allowMoreCols ? '33.33%' : '50%'}>
         {allowSearch && poolsDefault.length > 0 && (
           <SearchInput
+            value={searchTerm ?? ''}
             handleChange={handleSearchChange}
             placeholder={t('search')}
           />
diff --git a/src/library/ValidatorList/index.tsx b/src/library/ValidatorList/index.tsx
index 691989594c..807ea03a2d 100644
--- a/src/library/ValidatorList/index.tsx
+++ b/src/library/ValidatorList/index.tsx
@@ -333,6 +333,7 @@ export const ValidatorListInner = ({
       <List $flexBasisLarge={allowMoreCols ? '33.33%' : '50%'}>
         {allowSearch && (
           <SearchInput
+            value={searchTerm ?? ''}
             handleChange={handleSearchChange}
             placeholder={t('searchAddress')}
           />