diff --git a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
index 2826d8b8..a14e6d19 100644
--- a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
@@ -28,10 +28,25 @@ const ValidatorOnboarding = () => {
const [activeStep, setActiveStep] = useState(0)
const [isConfirmPhraseStage, setIsConfirmPhraseStage] = useState(false)
const [subStepValidatorSetup, setSubStepValidatorSetup] = useState(0)
+
+ const [subStepAdvisories, setSubStepAdvisories] = useState(0);
+
const { isCopyPastedPhrase, words } = useSelector((state: RootState) => state.keyGeneration)
const navigate = useNavigate()
const dispatch = useDispatch()
+ const [isAdvisoriesComplete, setIsAdvisoriesComplete] = useState(false)
+ const unicodeNumbers = ['➀', '➁', '➂', '➃', '➄', '➅']
+ const advisoriesIcon = unicodeNumbers.map((number, index) => {
+ if (index <= subStepAdvisories) {
+ return '✓';
+ } else {
+ return number;
+ }
+ })
+
+
+
const changeActiveStep = (step: number) => {
if (step < activeStep) {
return setActiveStep(step)
@@ -42,7 +57,13 @@ const ValidatorOnboarding = () => {
}
const continueHandler = () => {
- if (activeStep === 4 && isConfirmPhraseStage === false) {
+ if (activeStep === 1 && isAdvisoriesComplete === false) {
+ if (subStepAdvisories === 5) {
+ setIsAdvisoriesComplete(true)
+ setActiveStep(activeStep + 1)
+ }
+ return setSubStepAdvisories(subStepAdvisories + 1)
+ } else if (activeStep === 4 && isConfirmPhraseStage === false) {
return setIsConfirmPhraseStage(true)
} else if (activeStep === 4 && isConfirmPhraseStage === true) {
const newValidWords = words.map(w => wordlist.includes(w))
@@ -99,7 +120,7 @@ const ValidatorOnboarding = () => {
{activeStep === 0 && }
- {activeStep === 1 && }
+ {activeStep === 1 && }
{activeStep === 2 && }
{activeStep === 3 && subStepValidatorSetup === 0 && }