feat(user journey): update

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>

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>