diff --git a/src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts b/src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts index 19e94063..6bde0fec 100644 --- a/src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts +++ b/src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts @@ -17,5 +17,8 @@ export default meta type Story = StoryObj export const Default: Story = { - args: {advisoriesIcons: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'], subStepAdvisories: 0}, + args: { + advisoriesIcons: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'], + subStepAdvisories: 0, + }, } diff --git a/src/pages/ValidatorOnboarding/Advisories/Advisories.tsx b/src/pages/ValidatorOnboarding/Advisories/Advisories.tsx index 7353dd59..8d728f67 100644 --- a/src/pages/ValidatorOnboarding/Advisories/Advisories.tsx +++ b/src/pages/ValidatorOnboarding/Advisories/Advisories.tsx @@ -1,5 +1,5 @@ import { Text } from '@status-im/components' -import { useState, useEffect } from 'react' +import { useState, useEffect } from 'react' import { Stack, XStack, YStack } from 'tamagui' import AdvisoriesContent from './AdvisoriesContent' @@ -19,13 +19,12 @@ const Advisories = ({ advisoriesIcons, subStepAdvisories }: AdvisoriesProps) => setSelectedTitle(Object.keys(advisoryTopics)[subStepAdvisories]) }, [subStepAdvisories]) - const isCurrent = (currentTitle: string): boolean => { - const topics = Object.keys(advisoryTopics); - const index = topics.indexOf(currentTitle); - return index <= subStepAdvisories ? true : false; + const topics = Object.keys(advisoryTopics) + const index = topics.indexOf(currentTitle) + return index <= subStepAdvisories ? true : false } - + return ( { const [isConfirmPhraseStage, setIsConfirmPhraseStage] = useState(false) const [subStepValidatorSetup, setSubStepValidatorSetup] = useState(0) - const [subStepAdvisories, setSubStepAdvisories] = useState(0); + const [subStepAdvisories, setSubStepAdvisories] = useState(0) const { isCopyPastedPhrase, words } = useSelector((state: RootState) => state.keyGeneration) const navigate = useNavigate() @@ -37,7 +37,9 @@ const ValidatorOnboarding = () => { const [isAdvisoriesComplete, setIsAdvisoriesComplete] = useState(false) const unicodeNumbers = ['➀', '➁', '➂', '➃', '➄', '➅'] - const advisoriesIcon = unicodeNumbers.map((number, index) => index <= subStepAdvisories ? '✓' : number) + const advisoriesIcon = unicodeNumbers.map((number, index) => + index <= subStepAdvisories ? '✓' : number, + ) const changeActiveStep = (step: number) => { if (step < activeStep) { @@ -112,7 +114,9 @@ const ValidatorOnboarding = () => { {activeStep === 0 && } - {activeStep === 1 && } + {activeStep === 1 && ( + + )} {activeStep === 2 && } {activeStep === 3 && subStepValidatorSetup === 0 && }