status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 19:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(user journey): update

Browse Source
This commit is contained in:
Hristo Nedelkov 2024-03-13 23:38:09 +02:00
parent 43477e92eb
commit 632fbe29d2
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/CreateLocalNode/CreateLocalNode.tsx
View File

@ -7,10 +7,11 @@ import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import Header from '../../components/General/Header' import Header from '../../components/General/Header'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar' import CreateAvatar from '../../components/General/CreateAvatar/CreateAvatar'
import { useNavigate } from 'react-router-dom'
const CreateLocalNode = () => { const CreateLocalNode = () => {
const [autoConnectChecked, setAutoConnectChecked] = useState(false) const [autoConnectChecked, setAutoConnectChecked] = useState(false)
const navigate = useNavigate()
return ( return (
<PageWrapperShadow <PageWrapperShadow
rightImageSrc="./background-images/day-night-bg.png" rightImageSrc="./background-images/day-night-bg.png"
@ -43,7 +44,13 @@ const CreateLocalNode = () => {
</XStack> </XStack>
<Separator alignSelf="stretch" borderColor={'#F0F2F5'} /> <Separator alignSelf="stretch" borderColor={'#F0F2F5'} />
</YStack> </YStack>
<StatusButton icon={<NodeIcon size={20} />}>Continue</StatusButton> <StatusButton
icon={<NodeIcon size={20} />}
onPress={navigate('/device-health-check')}
cursor="pointer"
>
Continue
</StatusButton>
</article> </article>
</YStack> </YStack>
</PageWrapperShadow> </PageWrapperShadow>

6
src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
View File

@ -14,8 +14,10 @@ import DeviceMemory from '../../components/Charts/DeviceMemoryHealth'
import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth' import DeviceNetworkHealth from '../../components/Charts/DeviceNetworkHealth'
import { RootState } from '../../redux/store' import { RootState } from '../../redux/store'
import { useWindowSize } from '../../hooks/useWindowSize' import { useWindowSize } from '../../hooks/useWindowSize'
import { useNavigate } from 'react-router-dom'
const DeviceHealthCheck = () => { const DeviceHealthCheck = () => {
const navigate = useNavigate()
const deviceHealthState = useSelector( const deviceHealthState = useSelector(
(state: RootState) => state.deviceHealth, (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." 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' }}> <Stack style={{ marginTop: '1rem' }}>
<Button>Continue</Button> <Button cursor="pointer" onPress={navigate('/device-sync-status')}>
Continue
</Button>
</Stack> </Stack>
</YStack> </YStack>
</PageWrapperShadow> </PageWrapperShadow>