From 46556f71edcea4ab478cdf68634ff60b2f09b456 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Mon, 25 Sep 2023 18:37:47 +0300
Subject: [PATCH] fix all inputs onChange event handler

---
 src/pages/ConnectExistingInstance/BeaconAddress.tsx       | 8 ++++----
 src/pages/ConnectExistingInstance/ClientAddressRow.tsx    | 6 +++---
 .../ConnectExistingInstance/ConnectExistingInstance.tsx   | 1 -
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/pages/ConnectExistingInstance/BeaconAddress.tsx b/src/pages/ConnectExistingInstance/BeaconAddress.tsx
index 11b4d14e..e901f283 100644
--- a/src/pages/ConnectExistingInstance/BeaconAddress.tsx
+++ b/src/pages/ConnectExistingInstance/BeaconAddress.tsx
@@ -7,7 +7,7 @@ const BeackonAddress = () => {
     const [inputAdress, setInputAdress] = useState('')
     const [vcPort, setVcPort] = useState('')
     const [isClientAddressChecked, setIsClientAddressChecked] = useState(false)
-    
+
     return (
         <YStack>
             <XStack justifyContent={'space-between'}>
@@ -23,12 +23,12 @@ const BeackonAddress = () => {
                 </YStack>
                 <YStack space={'$2'}>
                     <Text size={11} color={'#647084'} weight={'regular'}>
-                    Beacon Address
+                        Beacon Address
                     </Text>
                     <Input
                         placeholder={''}
                         value={inputAdress}
-                        onChangeText={() => { }}
+                        onChangeText={(e) => { setInputAdress(e) }}
                     />
                 </YStack>
 
@@ -39,7 +39,7 @@ const BeackonAddress = () => {
                     <Input
                         placeholder={''}
                         value={vcPort}
-                        onChangeText={() => { }}
+                        onChangeText={(e) => { setVcPort(e) }}
                     />
                 </YStack>
                 <Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}>
diff --git a/src/pages/ConnectExistingInstance/ClientAddressRow.tsx b/src/pages/ConnectExistingInstance/ClientAddressRow.tsx
index 593852f8..799bc678 100644
--- a/src/pages/ConnectExistingInstance/ClientAddressRow.tsx
+++ b/src/pages/ConnectExistingInstance/ClientAddressRow.tsx
@@ -7,7 +7,7 @@ const ClientAddressRow = () => {
     const [inputAdress, setInputAdress] = useState('')
     const [vcPort, setVcPort] = useState('')
     const [isClientAddressChecked, setIsClientAddressChecked] = useState(false)
-    
+
     return (
         <YStack>
             <XStack justifyContent={'space-between'}>
@@ -28,7 +28,7 @@ const ClientAddressRow = () => {
                     <Input
                         placeholder={''}
                         value={inputAdress}
-                        onChangeText={() => { }}
+                        onChangeText={(e) => { setInputAdress(e) }}
                     />
                 </YStack>
 
@@ -39,7 +39,7 @@ const ClientAddressRow = () => {
                     <Input
                         placeholder={''}
                         value={vcPort}
-                        onChangeText={() => { }}
+                        onChangeText={(e) => { setVcPort(e)}}
                     />
                 </YStack>
                 <Stack style={{ alignItems: 'center', justifyContent: 'center' }} height={'100%'} width={'10%'}>
diff --git a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx b/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx
index ed4f0514..1fd90a64 100644
--- a/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx
+++ b/src/pages/ConnectExistingInstance/ConnectExistingInstance.tsx
@@ -49,7 +49,6 @@ const ConnectExistingInstance = () => {
                         Advanced
                     </Button>
                 </XStack>
-                {/* two rows  */}
                 <ClientAddressRow />
                 <BeackonAddress/> 
                 <Separator borderColor={'#e3e3e3'} />