From 632fbe29d2af5901fbfe0a341670c41883fcdba5 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 13 Mar 2024 23:38:09 +0200
Subject: [PATCH] feat(user journey): update

---
 src/pages/CreateLocalNode/CreateLocalNode.tsx     | 11 +++++++++--
 src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx |  6 +++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/pages/CreateLocalNode/CreateLocalNode.tsx b/src/pages/CreateLocalNode/CreateLocalNode.tsx
index d405b9d6..b5d23ac9 100644
--- a/src/pages/CreateLocalNode/CreateLocalNode.tsx
+++ b/src/pages/CreateLocalNode/CreateLocalNode.tsx
@@ -7,10 +7,11 @@ import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import Header from '../../components/General/Header'
 import Titles from '../../components/General/Titles'
 import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar'
+import { useNavigate } from 'react-router-dom'
 
 const CreateLocalNode = () => {
   const [autoConnectChecked, setAutoConnectChecked] = useState(false)
-
+  const navigate = useNavigate()
   return (
     <PageWrapperShadow
       rightImageSrc="./background-images/day-night-bg.png"
@@ -43,7 +44,13 @@ const CreateLocalNode = () => {
             </XStack>
             <Separator alignSelf="stretch" borderColor={'#F0F2F5'} />
           </YStack>
-          <StatusButton icon={<NodeIcon size={20} />}>Continue</StatusButton>
+          <StatusButton
+            icon={<NodeIcon size={20} />}
+            onPress={navigate('/device-health-check')}
+            cursor="pointer"
+          >
+            Continue
+          </StatusButton>
         </article>
       </YStack>
     </PageWrapperShadow>
diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
index c8eef68c..2d8a0ea4 100644
--- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
+++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
@@ -14,8 +14,10 @@ import DeviceMemory from '../../components/Charts/DeviceMemoryHealth'
 import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth'
 import { RootState } from '../../redux/store'
 import { useWindowSize } from '../../hooks/useWindowSize'
+import { useNavigate } from 'react-router-dom'
 
 const DeviceHealthCheck = () => {
+  const navigate = useNavigate()
   const deviceHealthState = useSelector(
     (state: RootState) => state.deviceHealth,
   )
@@ -79,7 +81,9 @@ const DeviceHealthCheck = () => {
           message="The information provided in the Nodes Health Check is meant to utilized as a guide to guage the readiness of your device, however please do your own due diligence prior to commiting any funds. Read our Health Check Disclosure for more information."
         />
         <Stack style={{ marginTop: '1rem' }}>
-          <Button>Continue</Button>
+          <Button cursor="pointer" onPress={navigate('/device-sync-status')}>
+            Continue
+          </Button>
         </Stack>
       </YStack>
     </PageWrapperShadow>