status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 00:40:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: continue button with link and notification

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-11 10:24:39 +03:00
parent 72f273b9af
commit 0d07d0a4b5
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/ValidatorOnboarding/ContinueButton.tsx
View File

@ -43,36 +43,36 @@ const ContinueButton = ({
const isActivationValScreen = activeStep === 3 && subStepValidatorSetup === 3 const isActivationValScreen = activeStep === 3 && subStepValidatorSetup === 3
return ( return (
<XStack style={{ width: '100%', zIndex: 999, alignItems: 'center' }}> <XStack style={{ width: '100%', alignItems: 'center', zIndex: 999, marginTop: '40px' }}>
{isCopyPastedPhrase && (
<Stack style={{ width: '100%' }}> <Stack style={{ width: '100%' }}>
{isCopyPastedPhrase && (
<InformationBox <InformationBox
message="You have copy and pasted the entire Recovery Phrase. Please ensure you have secured it appropriately prior to continuing." message="You have copy and pasted the entire Recovery Phrase. Please ensure you have secured it appropriately prior to continuing."
variant="error" variant="error"
icon={<CloseCircleIcon size={20} />} icon={<CloseCircleIcon size={20} />}
/> />
</Stack>
)} )}
<XStack
style={{
width: '100%',
zIndex: 999,
justifyContent: isActivationValScreen ? 'space-between' : 'end',
marginTop: isCopyPastedPhrase ? '0px' : '40px',
}}
>
{isActivationValScreen && ( {isActivationValScreen && (
<LinkWithArrow <LinkWithArrow
text="Skip to Dashboard" text="Skip to Dashboard"
to="/" to="/"
arrowRight={true} arrowRight={true}
style={{ fontWeight: 'bold' }} style={{ fontWeight: 'bold', zIndex: 1000 }}
/> />
)} )}
</Stack>
<Stack
style={{
width: '100%',
zIndex: 999,
alignItems: 'end',
position: 'absolute',
}}
>
<Button onPress={continueHandler} size={40} disabled={isDisabled()}> <Button onPress={continueHandler} size={40} disabled={isDisabled()}>
{activeStep < 5 ? 'Continue' : 'Continue to Dashboard'} {activeStep < 5 ? 'Continue' : 'Continue to Dashboard'}
</Button> </Button>
</XStack> </Stack>
</XStack> </XStack>
) )
} }