From 6a98e04e89030f9bbe25162a105db35d74f0a9df Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 29 Aug 2023 12:18:28 +0300
Subject: [PATCH] Remove warnings

---
 .../Activation/Activation.tsx                 | 21 +++++++++++++++----
 .../Activation/ActivationCard.tsx             |  8 +++++--
 .../Activation/ActivationSyncCard.tsx         |  2 +-
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Activation/Activation.tsx b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
index 19a089f8..69759219 100644
--- a/src/pages/ValidatorOnboarding/Activation/Activation.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { XStack, Stack, YStack } from 'tamagui'
 import { Text } from '@status-im/components'
 import Confetti from 'react-confetti'
@@ -19,8 +19,8 @@ const Activation = () => {
 
   return (
     <Stack width={'100%'}>
-      {showConfetti && <Confetti width={1000} height={800} style={{ zIndex: 0 }} />}
       <YStack style={{ padding: '16px 32px' }}>
+        {showConfetti && <Confetti width={1540} height={800} style={{ zIndex: 0 }} />}
         <YStack space={'$5'}>
           <Text size={27} weight={'semibold'}>
             Validator Setup
@@ -32,8 +32,21 @@ const Activation = () => {
           <YStack space={'$2'} marginTop={'10px'} width={'33%'}>
             <XStack space={'$2'} justifyContent={'space-between'}>
               <ActivationCard text="Validators" value="4" />
-              <ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeSynced={135324} gaugeTotal={200000}/>
-              <ActivationCard text="Execution Sync Status" value="" isGaugeIncluded={true} gaugeColor={'#EB5757'} gaugeSynced={35324} gaugeTotal={200000}/>
+              <ActivationCard
+                text="Execution Sync Status"
+                value=""
+                isGaugeIncluded={true}
+                gaugeSynced={135324}
+                gaugeTotal={200000}
+              />
+              <ActivationCard
+                text="Execution Sync Status"
+                value=""
+                isGaugeIncluded={true}
+                gaugeColor={'#EB5757'}
+                gaugeSynced={35324}
+                gaugeTotal={200000}
+              />
             </XStack>
             <XStack space={'$2'}>
               <ActivationCard text="Current APR" value="4.40%" />
diff --git a/src/pages/ValidatorOnboarding/Activation/ActivationCard.tsx b/src/pages/ValidatorOnboarding/Activation/ActivationCard.tsx
index 4fe555df..750071f3 100644
--- a/src/pages/ValidatorOnboarding/Activation/ActivationCard.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/ActivationCard.tsx
@@ -1,4 +1,4 @@
-import { Stack, XStack, YStack } from 'tamagui'
+import { Stack, YStack } from 'tamagui'
 import { Text } from '@status-im/components'
 import ActivationSyncCard from './ActivationSyncCard'
 
@@ -44,7 +44,11 @@ const ActivationCard = ({
           <Text size={13} weight={'semibold'}>
             {text}
           </Text>
-          <ActivationSyncCard color={gaugeColor} synced={gaugeSynced} total={gaugeTotal} />
+          <ActivationSyncCard
+            color={gaugeColor || ''}
+            synced={gaugeSynced || 0}
+            total={gaugeTotal || 1}
+          />
         </Stack>
       )}
     </YStack>
diff --git a/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.tsx b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.tsx
index 2537f1f1..90219d90 100644
--- a/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.tsx
@@ -1,11 +1,11 @@
 import { Stack, XStack, YStack } from 'tamagui'
 import StandardGauge from '../../../components/Charts/StandardGauge'
 import { Text } from '@status-im/components'
-import BorderBox from '../../../components/General/BorderBox'
 
 type ActivationSyncCardProps = {
   synced: number
   total: number
+
   color: string
 }