From f00275071b29c182722d06e0f197b8373422e9af Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 14 Dec 2023 10:56:20 +0200
Subject: [PATCH] feat: add handler to real connect button

---
 src/pages/PairDevice/PairDevice.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx
index e8a7ac9a..d29d9af1 100644
--- a/src/pages/PairDevice/PairDevice.tsx
+++ b/src/pages/PairDevice/PairDevice.tsx
@@ -2,6 +2,7 @@ import { NodeIcon } from '@status-im/icons'
 import { Separator, XStack, YStack } from 'tamagui'
 import { useState } from 'react'
 import { Button, Text } from '@status-im/components'
+import { useNavigate } from 'react-router-dom'
 
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import SyncStatus from './SyncStatus'
@@ -14,6 +15,7 @@ import Icon from '../../components/General/Icon'
 
 const PairDevice = () => {
   const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)
+  const navigate = useNavigate()
   const isPaired = false
   const isPairing = false
 
@@ -21,6 +23,10 @@ const PairDevice = () => {
     setIsAwaitingPairing(result)
   }
 
+  const connectViaIpHandler = () => {
+    navigate('/connect-device')
+  }
+
   return (
     <PageWrapperShadow rightImageSrc="./background-images/day-night-bg.png" rightImageLogo={true}>
       <YStack space={'$3'}>
@@ -48,6 +54,7 @@ const PairDevice = () => {
                 <Button
                   icon={<Icon src="/icons/connection-blue.svg" width={20} />}
                   variant="outline"
+                  onPress={connectViaIpHandler}
                 >
                   Connect via IP
                 </Button>