From fb397e91eb95ebcdcd50f65f78e88d885c1f6d6b Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 26 Sep 2023 16:28:44 +0300
Subject: [PATCH] Create right sidebar search input

---
 .../Dashboard/RightSideBar/RightSidebar.tsx   |  2 ++
 .../Dashboard/RightSideBar/SearchInput.tsx    | 25 +++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/pages/Dashboard/RightSideBar/SearchInput.tsx

diff --git a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
index 3457612c..4e819ffd 100644
--- a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
+++ b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
@@ -1,6 +1,7 @@
 import { Avatar, Tabs, Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
 import ValidatorListItem from './ValidatorListItem'
+import InputSearch from './SearchInput'
 // import { NodeIcon } from '@status-im/icons'
 
 const RightSidebar = () => {
@@ -34,6 +35,7 @@ const RightSidebar = () => {
           </Tabs.Trigger>
         </Tabs.List>
         <Tabs.Content value="active">
+          <InputSearch />
           <YStack>
             <ValidatorListItem />
             <ValidatorListItem />
diff --git a/src/pages/Dashboard/RightSideBar/SearchInput.tsx b/src/pages/Dashboard/RightSideBar/SearchInput.tsx
new file mode 100644
index 00000000..d8edab92
--- /dev/null
+++ b/src/pages/Dashboard/RightSideBar/SearchInput.tsx
@@ -0,0 +1,25 @@
+import { Input } from "@status-im/components"
+import { SearchIcon } from "@status-im/icons"
+import { useState } from "react"
+
+const InputSearch = () => {
+    const [value, setValue] = useState('')
+
+    return (
+        <>
+            <Input
+                placeholder="Search Validators"
+                value={value}
+                onChangeText={setValue}
+                icon={<SearchIcon size={20} />}
+                onClear={() => setValue('')}
+                size={40}
+            // button={{
+            //     label: 'Confirm',
+            //     onPress: () => alert('Confirmed!'),
+            // }}
+            />
+        </>
+    )
+}
+export default InputSearch
\ No newline at end of file