From 37469831e1f9d668b0566bf6676451f811fea808 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 5 Jan 2024 09:47:12 +0200
Subject: [PATCH] feat: pass new props to address ports component

---
 .../PairDevice/ConnectViaIP/ConnectViaIP.tsx    | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/pages/PairDevice/ConnectViaIP/ConnectViaIP.tsx b/src/pages/PairDevice/ConnectViaIP/ConnectViaIP.tsx
index 59397442..2dd57e0a 100644
--- a/src/pages/PairDevice/ConnectViaIP/ConnectViaIP.tsx
+++ b/src/pages/PairDevice/ConnectViaIP/ConnectViaIP.tsx
@@ -2,12 +2,17 @@ import { Separator, XStack, YStack } from 'tamagui'
 import { useState } from 'react'
 import { Button, Input, Text } from '@status-im/components'
 import { SettingsIcon, ClearIcon } from '@status-im/icons'
+import { useSelector } from 'react-redux'
 
 import AddressPortInputs from './AddressAndPortInputs'
+import { RootState } from '../../../redux/store'
 
 const ConnectViaIP = () => {
   const [apiToken, setApiToken] = useState('')
   const [isAdvanced, setIsAdvanced] = useState(false)
+  const { beaconPort, vcPort, nodeAddress, beaconAddress, vcAddress } = useSelector(
+    (state: RootState) => state.pairDevice,
+  )
 
   const changeApiToken = (value: string) => {
     setApiToken(value)
@@ -37,12 +42,20 @@ const ConnectViaIP = () => {
           <AddressPortInputs
             addressType={'Validator Client'}
             portType={'VC'}
+            address={vcAddress}
+            port={vcPort}
+            isAdvanced={isAdvanced}
+          />
+          <AddressPortInputs
+            addressType={'Beacon'}
+            portType={'Beacon'}
+            address={beaconAddress}
+            port={beaconPort}
             isAdvanced={isAdvanced}
           />
-          <AddressPortInputs addressType={'Beacon'} portType={'Beacon'} isAdvanced={isAdvanced} />
         </YStack>
       ) : (
-        <AddressPortInputs addressType={'Node'} portType={''} isAdvanced={isAdvanced} />
+        <AddressPortInputs addressType={'Node'} address={nodeAddress} />
       )}
       <Separator borderColor={'#e3e3e3'} />
       <YStack space={'$2'}>