diff --git a/src/pages/ValidatorOnboarding/ContinueButton.tsx b/src/pages/ValidatorOnboarding/ContinueButton.tsx
index 782611ad..a5904f4c 100644
--- a/src/pages/ValidatorOnboarding/ContinueButton.tsx
+++ b/src/pages/ValidatorOnboarding/ContinueButton.tsx
@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom'
import { RootState } from '../../redux/store'
import LinkWithArrow from '../../components/General/LinkWithArrow'
import { setActiveStep } from '../../redux/ValidatorOnboarding/slice'
-import { KEYSTORE_FILES, STEPPER_PATHS } from '../../constants'
+import { FORM_STEPS, KEYSTORE_FILES, STEPPER_PATHS } from '../../constants'
import {
setIsConfirmPhraseStage,
setIsCopyPastedPhrase,
@@ -46,11 +46,13 @@ const ContinueButton = () => {
'/validator-onboarding/deposit': 8,
'/validator-onboarding/activation': 9,
}
- dispatch(
- setActiveStep(
- pathToStepMap[location.pathname as keyof typeof pathToStepMap] || 0,
- ),
- )
+ const handleActiveStep = () => {
+ if (location.pathname === '/validator-onboarding/recovery-phrase') {
+ return 7
+ }
+ return pathToStepMap[location.pathname as keyof typeof pathToStepMap] || 0
+ }
+ dispatch(setActiveStep(handleActiveStep()))
const { isValidatorSet } = useSelector(
(state: RootState) => state.validatorSetup,
@@ -109,12 +111,13 @@ const ContinueButton = () => {
}
const continueHandler = () => {
- let nextPath = STEPPER_PATHS[activeStep] || '/validator-onboarding/'
+ let nextPath = STEPPER_PATHS[activeStep + 1] || ''
if (activeStep === 7) {
nextPath = isConfirmPhraseStage
? '/validator-onboarding/deposit'
- : '/validator-onboarding/key-generation'
+ : '/validator-onboarding/recovery-phrase'
+
handleRecoveryMechanism()
}
@@ -136,7 +139,7 @@ const ContinueButton = () => {
}}
>
{windowSize.width >= 1155 && }
-
+
{isActivationValScreen && (
{
/>
)}