Fix texts

src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx

@@ -13,23 +13,23 @@ type ConsensusCardProps = {
     total: number
     isTop?: boolean
 }
-const data = [
-    {
-        id: 'storage',
-        label: 'Used',
-        value: 132156,
-        color: '#ff6161',
-    },
-    {
-        id: 'storage',
-        label: 'Free',
-        value: 200000,
-        color: '#E7EAEE',
-    },
-]
+
 const ConsensusCard = ({ value, total, isTop }: ConsensusCardProps) => {
     const style: CSSProperties = {}
-
+    const data = [
+        {
+            id: 'storage',
+            label: 'Used',
+            value,
+            color: '#ff6161',
+        },
+        {
+            id: 'storage',
+            label: 'Free',
+            value: total,
+            color: '#E7EAEE',
+        },
+    ]
     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 = [
-  {
-    id: 'storage',
-    label: 'Used',
-    value: 132156,
-    color: '#7140FD',
-  },
-  {
-    id: 'storage',
-    label: 'Free',
-    value: 200000,
-    color: '#E7EAEE',
-  },
-]
+
 const ExecutionClientCard = ({ value, total, isTop }: ExecutionClientCardProps) => {
+  const data = [
+    {
+      id: 'storage',
+      label: 'Used',
+      value,
+      color: '#7140FD',
+    },
+    {
+      id: 'storage',
+      label: 'Free',
+      value: total,
+      color: '#E7EAEE',
+    },
+  ]
   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>