status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add deposit step

This commit is contained in:
RadoslavDimchev 2023-09-19 16:29:54 +03:00
parent fa71f7978e
commit 1c347cfe22
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
View File

@ -1,4 +1,5 @@
import { Stepper, Step } from 'react-form-stepper' import { Stepper, Step } from 'react-form-stepper'
import './FormStepper.css' import './FormStepper.css'
type FormStepperProps = { type FormStepperProps = {
@ -13,6 +14,7 @@ const steps = [
{ label: 'Validator Setup', subtitle: 'Validators & Withdrawal' }, { label: 'Validator Setup', subtitle: 'Validators & Withdrawal' },
{ label: 'Key Generation', subtitle: 'Secure your Keypairs' }, { label: 'Key Generation', subtitle: 'Secure your Keypairs' },
{ label: 'Activation', subtitle: 'Complete Setup' }, { label: 'Activation', subtitle: 'Complete Setup' },
{ label: 'Deposit', subtitle: 'Stake your ETH' },
] ]
const FormStepper = ({ activeStep, changeActiveStep }: FormStepperProps) => { const FormStepper = ({ activeStep, changeActiveStep }: FormStepperProps) => {

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

@ -2,6 +2,7 @@ import { YStack } from 'tamagui'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { useState } from 'react' import { useState } from 'react'
import { useDispatch, useSelector } from 'react-redux' import { useDispatch, useSelector } from 'react-redux'
import wordlist from 'web-bip39/wordlists/english'
import FormStepper from './FormStepper/FormStepper' import FormStepper from './FormStepper/FormStepper'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
@ -20,9 +21,8 @@ import {
setValidWords, setValidWords,
} from '../../redux/ValidatorOnboarding/KeyGeneration/slice' } from '../../redux/ValidatorOnboarding/KeyGeneration/slice'
import { RootState } from '../../redux/store' import { RootState } from '../../redux/store'
import './layoutGradient.css'
import ActivationValidatorSetup from './ValidatorSetup/ValidatorActivation/ActivationValidatorSetup' import ActivationValidatorSetup from './ValidatorSetup/ValidatorActivation/ActivationValidatorSetup'
import wordlist from 'web-bip39/wordlists/english' import './layoutGradient.css'
const ValidatorOnboarding = () => { const ValidatorOnboarding = () => {
const [activeStep, setActiveStep] = useState(0) const [activeStep, setActiveStep] = useState(0)