diff --git a/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx b/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx index 94ce1605..4fad44a9 100644 --- a/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx +++ b/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' diff --git a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx b/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx index 53a0a5c0..0e0dd7ef 100644 --- a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx +++ b/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 - + Geth { - + - +