Fix form stepper

This commit is contained in:
Hristo Nedelkov 2023-08-30 11:39:11 +03:00
parent adbbf7f9db
commit 412e32c53e
1 changed files with 13 additions and 5 deletions

View File

@ -32,26 +32,34 @@ const FormStepper = ({ activeStep, changeActiveStep }: FormStepperProps) => {
data-step="Advicsories" data-step="Advicsories"
/> />
<Step <Step
label="Validator Setup" label="Client Setup"
className="custom-step" className="custom-step"
onClick={() => changeActiveStep(2)} onClick={() => changeActiveStep(2)}
completed={activeStep > 1} completed={activeStep > 1}
data-subtitle="Execution & Consensus"
data-step="Advicsories"
/>
<Step
label="Validator Setup"
className="custom-step"
onClick={() => changeActiveStep(3)}
completed={activeStep > 2}
data-subtitle="Clients, Nodes & Validators" data-subtitle="Clients, Nodes & Validators"
data-step="Validator Setup" data-step="Validator Setup"
/> />
<Step <Step
label="Key Generation" label="Key Generation"
className="custom-step" className="custom-step"
onClick={() => changeActiveStep(3)} onClick={() => changeActiveStep(4)}
completed={activeStep > 2} completed={activeStep > 3}
data-subtitle="Secure your Keypairs" data-subtitle="Secure your Keypairs"
data-step="Key Generation" data-step="Key Generation"
/> />
<Step <Step
label="Activation" label="Activation"
className="custom-step" className="custom-step"
onClick={() => changeActiveStep(4)} onClick={() => changeActiveStep(5)}
completed={activeStep > 3} completed={activeStep > 4}
data-subtitle="Complete Setup" data-subtitle="Complete Setup"
data-step="Activation" data-step="Activation"
/> />