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

feat: move components to be abstract

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-25 10:00:26 +03:00
parent f71d73c96a
commit f63d9c5798
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import { YStack } from 'tamagui' import { Stack, YStack } from 'tamagui'
import FormStepper from './FormStepper/FormStepper' import FormStepper from './FormStepper/FormStepper'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
import { useState } from 'react' import { useState } from 'react'
@ -8,6 +8,8 @@ import Advicsories from './Advicsories/Advicsories'
import ValidatorSetup from './ValidatorSetup/ValidatorSetup' import ValidatorSetup from './ValidatorSetup/ValidatorSetup'
import Activation from './Activation/Activation' import Activation from './Activation/Activation'
import './layoutGradient.css' import './layoutGradient.css'
import ValidatorBoxWrapper from './ValidatorBoxWrapper/ValidatorBoxWrapper'
import { Button } from '@status-im/components'
const ValidatorOnboarding = () => { const ValidatorOnboarding = () => {
const [activeStep, setActiveStep] = useState(0) const [activeStep, setActiveStep] = useState(0)
@ -33,11 +35,16 @@ const ValidatorOnboarding = () => {
subtitle="Earn Rewards for securing the Ethereum Network" subtitle="Earn Rewards for securing the Ethereum Network"
/> />
<FormStepper activeStep={activeStep} changeActiveStep={changeActiveStep} /> <FormStepper activeStep={activeStep} changeActiveStep={changeActiveStep} />
{activeStep === 0 && <Overview />} <ValidatorBoxWrapper>
{activeStep === 1 && <Advicsories />} {activeStep === 0 && <Overview />}
{activeStep === 2 && <ValidatorSetup />} {activeStep === 1 && <Advicsories />}
{activeStep === 3 && <KeyGeneration />} {activeStep === 2 && <ValidatorSetup />}
{activeStep === 4 && <Activation />} {activeStep === 3 && <KeyGeneration />}
{activeStep === 4 && <Activation />}
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px', zIndex: 999 }}>
<Button>Continue</Button>
</Stack>
</YStack> </YStack>
</div> </div>
) )