fix: Search bar initial value on Pools/Validators page (#2032)

polkadot-cloud · Apr 3, 2024 · c4749c6 · c4749c6
1 parent bf16d80
commit c4749c6
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -333,6 +333,7 @@ export const ValidatorListInner = ({
       <List $flexBasisLarge={allowMoreCols ? '33.33%' : '50%'}>
         {allowSearch && (
           <SearchInput
+            value={searchTerm ?? ''}
             handleChange={handleSearchChange}
             placeholder={t('searchAddress')}
           />