diff --git a/src/components/Charts/DeviceStorageHealth.tsx b/src/components/Charts/DeviceStorageHealth.tsx index efb5ada5..aa1d6aa1 100644 --- a/src/components/Charts/DeviceStorageHealth.tsx +++ b/src/components/Charts/DeviceStorageHealth.tsx @@ -22,19 +22,20 @@ const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps) const data = (free: number) => { return [ { - id: 'storage', + id: 'storage-used', label: 'Used', value: storage, color: message === 'Good' ? GOOD_COLOR : POOR_COLOR, }, { - id: 'storage', + id: 'storage-free', label: 'Free', value: free, color: '#E7EAEE', }, ] } + return ( { const data = (free: number) => { return [ { - id: 'storage', + id: 'storage-used', label: 'Used', value: storage, color: '#E95460', }, { - id: 'storage', + id: 'storage-free', label: 'Free', value: free, color: '#E7EAEE', diff --git a/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx b/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx index a56cd9a7..07e41768 100644 --- a/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx +++ b/src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx @@ -17,13 +17,13 @@ const ConsensusCard = ({ value, total }: ConsensusCardProps) => { const style: CSSProperties = {} const data = [ { - id: 'storage', + id: 'storage-used', label: 'Used', value: value, color: '#ff6161', }, { - id: 'storage', + id: 'storage-free', label: 'Free', value: total, color: '#E7EAEE', diff --git a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx b/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx index eb1db77e..1c5455e6 100644 --- a/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx +++ b/src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx @@ -14,13 +14,13 @@ type ExecutionClientCardProps = { const ExecutionClientCard = ({ value, total }: ExecutionClientCardProps) => { const data = [ { - id: 'storage', + id: 'storage-used', label: 'Used', value, color: '#7140FD', }, { - id: 'storage', + id: 'storage-free', label: 'Free', value: total, color: '#E7EAEE', diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx index e7117593..ac9189df 100644 --- a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx +++ b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx @@ -17,13 +17,13 @@ const SyncStatusCardConsensus: React.FC = ({ synced, t const data = [ { - id: 'storage', + id: 'storage-used', label: 'Used', value: synced, color: '#ff6161', }, { - id: 'storage', + id: 'storage-keys', label: 'Free', value: total - synced || 1, color: '#E7EAEE', diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx index 024de9cf..2e56bc6d 100644 --- a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx +++ b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx @@ -15,13 +15,13 @@ const SyncStatusCardExecution: React.FC = ({ synced, t const data = () => { return [ { - id: 'storage', + id: 'storage-used', label: 'Used', value: synced, color: '#2a4af5', }, { - id: 'storage', + id: 'storage-free', label: 'Free', value: total - synced || 1, color: '#E7EAEE',