fix: change search state and component names

src/components/General/RightSideBar/ValidatorsTabs/SearchInput.stories.tsx

@@ -1,25 +0,0 @@
-import { useState } from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-import SearchInput from './SearchInput'
-
-const meta = {
-  title: 'General/SearchInput',
-  component: SearchInput,
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['autodocs'],
-} satisfies Meta<typeof SearchInput>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = (args: { value: string }) => {
-  const [searchValue, setSearchValue] = useState(args.value)
-
-  return <SearchInput value={searchValue} changeSearchValue={setSearchValue} />
-}
-
-Default.args = {
-  value: '',
-}

src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.stories.tsx

@@ -0,0 +1,25 @@
+import { useState } from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import SearchValidatorsInput from './SearchValidatorsInput'
+
+const meta = {
+  title: 'General/SearchValidatorsInput',
+  component: SearchValidatorsInput,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+} satisfies Meta<typeof SearchValidatorsInput>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = (args: { searchValue: string }) => {
+  const [searchValue, setSearchValue] = useState(args.searchValue)
+
+  return <SearchValidatorsInput searchValue={searchValue} changeSearchValue={setSearchValue} />
+}
+
+Default.args = {
+  searchValue: '',
+}

src/components/General/RightSideBar/ValidatorsTabs/SearchValidatorsInput.tsx

@@ -2,15 +2,15 @@ import { Input } from '@status-im/components'
 import { SearchIcon } from '@status-im/icons'
 
 type InputSearchProps = {
-  value: string
+  searchValue: string
   changeSearchValue: (value: string) => void
 }
 
-const InputSearch = ({ value, changeSearchValue }: InputSearchProps) => {
+const SearchValidatorsInput = ({ searchValue, changeSearchValue }: InputSearchProps) => {
   return (
     <Input
       placeholder="Search Validators"
-      value={value}
+      value={searchValue}
       onChangeText={changeSearchValue}
       icon={<SearchIcon size={20} />}
       onClear={() => changeSearchValue('')}
@@ -19,4 +19,4 @@ const InputSearch = ({ value, changeSearchValue }: InputSearchProps) => {
   )
 }
 
-export default InputSearch
+export default SearchValidatorsInput

src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx

@@ -5,7 +5,7 @@ import { Text } from '@status-im/components'
 
 import { setCountOfValidators } from '../../../../redux/RightSidebar/slice'
 import ValidatorListItem from './ValidatorListItem'
-import InputSearch from './SearchInput'
+import SearchValidatorsInput from './SearchValidatorsInput'
 
 type Validator = {
   name: string
@@ -48,7 +48,7 @@ const ValidatorsList = () => {
 
   return (
     <YStack>
-      <InputSearch value={searchValue} changeSearchValue={changeSearchValue} />
+      <SearchValidatorsInput searchValue={searchValue} changeSearchValue={changeSearchValue} />
       <YStack space={'$1'} mt={'16px'}>
         {filteredValidators.map(validator => (
           <ValidatorListItem {...validator} />