Create ClientSetup

src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx

@@ -0,0 +1,27 @@
+import { Separator, Stack, XStack, YStack } from 'tamagui'
+import SetupRow from './SetupRow'
+import WithdrawalAddress from './WithdrawalAddress'
+import { Text } from '@status-im/components'
+import { ArrowLeftIcon  } from '@status-im/icons'
+import { Link } from 'react-router-dom'
+
+const ClientSetup = () => {
+  return (
+    <YStack padding={'26px'} width={'100%'} space={'$8'}>
+      <SetupRow title={'Setup up Validators'} />
+      <Separator borderColor={'#F0F2F5'} />
+      <WithdrawalAddress title={'Withdrawal address'} />
+      <Stack style={{ maxWidth: 'fit-content', marginTop: '50px' }}>
+        <Text size={15}>
+          <XStack space={'$1'} style={{ alignItems: 'center' }}>
+            <ArrowLeftIcon size={16} color="#2A4CF4" />
+            <Link style={{ color: '#2A4CF4' }} to={'/'}>
+              Edit Validators
+            </Link>
+          </XStack>
+        </Text>
+      </Stack>
+    </YStack>
+  )
+}
+export default ClientSetup

src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx

@@ -11,6 +11,7 @@ import ValidatorBoxWrapper from './ValidatorBoxWrapper/ValidatorBoxWrapper'
 import { Button } from '@status-im/components'
 import { useNavigate } from 'react-router-dom'
 import ValidatorSetupInstall from './ValidatorSetup/ValidatorInstall'
+import ClientSetup from './ClientSetup/ClientSetup'
 
 const ValidatorOnboarding = () => {
   const [activeStep, setActiveStep] = useState(0)
@@ -51,9 +52,10 @@ const ValidatorOnboarding = () => {
         <ValidatorBoxWrapper>
           {activeStep === 0 && <Overview />}
           {activeStep === 1 && <Advicsories />}
-          {activeStep === 2 && <ValidatorSetupInstall />}
+          {activeStep === 2 && <ClientSetup />}
-          {activeStep === 3 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />}
+          {activeStep === 3 && <ValidatorSetupInstall />}
-          {activeStep === 4 && <Activation />}
+          {activeStep === 4 && <KeyGeneration isConfirmPhraseStage={isConfirmPhraseStage} />}
+          {activeStep === 5 && <Activation />}
         </ValidatorBoxWrapper>
         <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px', zIndex: 999 }}>
           <Button onPress={continueHandler}>