status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-13 03:46:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add info box for copy pasted phrase

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-05 13:19:13 +03:00
parent 9dff4b16a3
commit b5d658f0ec
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
View File

@ -1,7 +1,7 @@
import { Stack, YStack } from 'tamagui' import { Stack, XStack, YStack } from 'tamagui'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { useState } from 'react' import { useState } from 'react'
import { Button } from '@status-im/components' import { Button, InformationBox } from '@status-im/components'
import FormStepper from './FormStepper/FormStepper' import FormStepper from './FormStepper/FormStepper'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
@ -15,6 +15,7 @@ import Advisories from './Advisories/Advisories'
import ValidatorSetup from './ValidatorSetup/ValidatorSetup' import ValidatorSetup from './ValidatorSetup/ValidatorSetup'
import ValidatorSetupInstall from './ValidatorSetup/ValidatorInstall' import ValidatorSetupInstall from './ValidatorSetup/ValidatorInstall'
import './layoutGradient.css' import './layoutGradient.css'
import { CloseCircleIcon } from '@status-im/icons'
const ValidatorOnboarding = () => { const ValidatorOnboarding = () => {
const [activeStep, setActiveStep] = useState(0) const [activeStep, setActiveStep] = useState(0)
@ -71,11 +72,20 @@ const ValidatorOnboarding = () => {
{activeStep === 4 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />} {activeStep === 4 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />}
{activeStep === 5 && <Activation />} {activeStep === 5 && <Activation />}
</ValidatorBoxWrapper> </ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px', zIndex: 999 }}> <XStack style={{ width: '100%', marginTop: '16px', zIndex: 999, alignItems: 'center' }}>
<Button onPress={continueHandler}> <Stack style={{ width: '100%' }}>
{activeStep < 5 ? 'Continue' : 'Continue to Dashboard'} <InformationBox
</Button> message="You have copy and pasted the entire Recovery Phrase. Please ensure you have secured it appropriately prior to continuing."
</Stack> variant="error"
icon={<CloseCircleIcon size={20} />}
/>
</Stack>
<Stack style={{ width: '100%', alignItems: 'end', zIndex: 999, position: 'absolute' }}>
<Button onPress={continueHandler} size={40}>
{activeStep < 5 ? 'Continue' : 'Continue to Dashboard'}
</Button>
</Stack>
</XStack>
</YStack> </YStack>
</div> </div>
) )