format

src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts

@@ -17,5 +17,8 @@ export default meta
 type Story = StoryObj<typeof meta>
 
 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,
+  },
 }

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 topics = Object.keys(advisoryTopics)
-    const index = topics.indexOf(currentTitle);
+    const index = topics.indexOf(currentTitle)
-    return index <= subStepAdvisories ? true : false;
+    return index <= subStepAdvisories ? true : false
   }
- 
+
   return (
     <XStack
       style={{ padding: '30px 33px', justifyContent: 'space-between' }}

src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx

@@ -29,7 +29,7 @@ const ValidatorOnboarding = () => {
   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 = () => {
         <FormStepper activeStep={activeStep} changeActiveStep={changeActiveStep} />
         <ValidatorBoxWrapper>
           {activeStep === 0 && <Overview />}
-          {activeStep === 1 && <Advisories advisoriesIcons={advisoriesIcon} subStepAdvisories={subStepAdvisories} />}
+          {activeStep === 1 && (
+            <Advisories advisoriesIcons={advisoriesIcon} subStepAdvisories={subStepAdvisories} />
+          )}
           {activeStep === 2 && <ClientSetup />}
 
           {activeStep === 3 && subStepValidatorSetup === 0 && <ValidatorSetup />}