Fix texts

src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx

@@ -13,23 +13,23 @@ type ConsensusCardProps = {
     total: number
     isTop?: boolean
 }
-const data = [
+
+const ConsensusCard = ({ value, total, isTop }: ConsensusCardProps) => {
+    const style: CSSProperties = {}
+    const data = [
         {
             id: 'storage',
             label: 'Used',
-        value: 132156,
+            value,
             color: '#ff6161',
         },
         {
             id: 'storage',
             label: 'Free',
-        value: 200000,
+            value: total,
             color: '#E7EAEE',
         },
-]
+    ]
-const ConsensusCard = ({ value, total, isTop }: ConsensusCardProps) => {
-    const style: CSSProperties = {}
-
     if (isTop === true) {
         style.borderTopLeftRadius = '16px'
         style.borderTopRightRadius = '16px'

src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx

@@ -5,7 +5,7 @@ import { CSSProperties } from 'react'
 
 import { formatNumberWithComa } from '../../../utilities'
 import IconText from '../../../components/General/IconText'
-import Icon from '../../../components/General/Icon'
+
 import StandardGauge from '../../../components/Charts/StandardGauge'
 
 type ExecutionClientCardProps = {
@@ -13,21 +13,22 @@ type ExecutionClientCardProps = {
   total: number
   isTop?: boolean
 }
-const data = [
+
+const ExecutionClientCard = ({ value, total, isTop }: ExecutionClientCardProps) => {
+  const data = [
     {
       id: 'storage',
       label: 'Used',
-    value: 132156,
+      value,
       color: '#7140FD',
     },
     {
       id: 'storage',
       label: 'Free',
-    value: 200000,
+      value: total,
       color: '#E7EAEE',
     },
-]
+  ]
-const ExecutionClientCard = ({ value, total, isTop }: ExecutionClientCardProps) => {
   const style: CSSProperties = {}
 
   if (isTop === true) {
@@ -46,7 +47,7 @@ const ExecutionClientCard = ({ value, total, isTop }: ExecutionClientCardProps)
             Execution Client
           </Text>
           <XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
-            <Icon src="./icons/vector.svg" height={30} width={60} />
+            <Text size={19} weight={'semibold'}>Geth</Text>
             <Stack
               style={{
                 height: '56px',

src/pages/Dashboard/SyncStatusCards/SyncStatusCard.tsx

@@ -15,9 +15,9 @@ const SyncStatusCard = () => {
           </Text>
         </Stack>
         <YStack>
-          <ExecutionClientCard value={123.424} total={170} isTop={false} />
+          <ExecutionClientCard value={153.424} total={170} isTop={false} />
           <Separator borderColor={'#e3e3e3'} />
-          <ConsensusCard value={123.424} total={170} isTop={true} />
+          <ConsensusCard value={103.424} total={170} isTop={true} />
         </YStack>
       </YStack>
     </DashboardCardWrapper>