From ca617c43a5e8a183ee8e614b7b8e33a74f5fd7c7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 24 Aug 2023 09:51:46 +0300
Subject: [PATCH] fix: remove not used components

---
 .../ValidatorOnboarding.tsx                   | 109 +++++++++---------
 1 file changed, 53 insertions(+), 56 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
index be8a5473..735d5625 100644
--- a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
@@ -3,64 +3,61 @@ import { Shadow, Text } from '@status-im/components'
 import FormStepper from './Stepper'
 import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
 
-Text
-function ValidatorOnboarding() {
+const ValidatorOnboarding = () => {
   return (
-    <>
-      <PageWrapperGradient>
-        <YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
-          <YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
-            <Text size={19} weight={'semibold'}>
-              Create Nimbus Validator
-            </Text>
-            <Text size={15} weight="regular">
-              Earn Rewards for securing the Ethereum Network
-            </Text>
-            <FormStepper />
-          </YStack>
-
-          <Shadow
-            variant="$2"
-            style={{
-              borderRadius: '16px',
-              border: 'none',
-              flexDirection: 'row',
-              backgroundColor: '#fff',
-            }}
-            className="content"
-          >
-            <YStack className="layout-left" space={10} left={40} top={40}>
-              <TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '30px' }}>
-                Overview
-              </TextTam>
-
-              <Text size={27}>
-                Becoming a validator is a big responsibility with important preparation steps. Only
-                start the deposit process when youre ready."
-              </Text>
-              <Text size={15} color="#939BA1">
-                By running a validator, you'll be responsible for securing the network and receive
-                continuous payouts for actions that help the network reach consensus.
-              </Text>
-              <Text size={15} color="#939BA1">
-                Since the successful transition to proof-of-stake via The Merge, Ethereum is fully
-                secured by proof-of-stake validators. By running a validator, you'll be helping to
-                secure the Ethereum network.
-              </Text>
-            </YStack>
-            <section className="layout-right">
-              <div className="image-container">
-                <img
-                  src="./background-images/sync-status-background.png"
-                  alt="background"
-                  className="background-img"
-                />
-              </div>
-            </section>
-          </Shadow>
+    <PageWrapperGradient>
+      <YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
+        <YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
+          <Text size={19} weight={'semibold'}>
+            Create Nimbus Validator
+          </Text>
+          <Text size={15} weight="regular">
+            Earn Rewards for securing the Ethereum Network
+          </Text>
+          <FormStepper />
         </YStack>
-      </PageWrapperGradient>
-    </>
+
+        <Shadow
+          variant="$2"
+          style={{
+            borderRadius: '16px',
+            border: 'none',
+            flexDirection: 'row',
+            backgroundColor: '#fff',
+          }}
+          className="content"
+        >
+          <YStack className="layout-left" space={10} left={40} top={40}>
+            <TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '30px' }}>
+              Overview
+            </TextTam>
+
+            <Text size={27}>
+              Becoming a validator is a big responsibility with important preparation steps. Only
+              start the deposit process when youre ready."
+            </Text>
+            <Text size={15} color="#939BA1">
+              By running a validator, you'll be responsible for securing the network and receive
+              continuous payouts for actions that help the network reach consensus.
+            </Text>
+            <Text size={15} color="#939BA1">
+              Since the successful transition to proof-of-stake via The Merge, Ethereum is fully
+              secured by proof-of-stake validators. By running a validator, you'll be helping to
+              secure the Ethereum network.
+            </Text>
+          </YStack>
+          <section className="layout-right">
+            <div className="image-container">
+              <img
+                src="./background-images/sync-status-background.png"
+                alt="background"
+                className="background-img"
+              />
+            </div>
+          </section>
+        </Shadow>
+      </YStack>
+    </PageWrapperGradient>
   )
 }