diff --git a/src/components/DeviceStorageHealth.tsx b/src/components/DeviceStorageHealth.tsx index eaf2e62c..b8ace279 100644 --- a/src/components/DeviceStorageHealth.tsx +++ b/src/components/DeviceStorageHealth.tsx @@ -10,14 +10,14 @@ const DeviceStorageHealth = () => { { id: 'storage', label: 'Storage', - value: 450, + value: 55, color: '#E95460', }, { id: 'storage', label: 'Storage', value: 45, - color: '#E95460', + color: '#E7EAEE', }, ] return ( @@ -27,11 +27,16 @@ const DeviceStorageHealth = () => { justifyContent="space-between" style={{ padding: '8px 16px', - position: 'relative', // Make XStack a positioning context + position: 'relative', }} >
diff --git a/src/components/StandardGauge.tsx b/src/components/StandardGauge.tsx index 6db42bb7..28b7c8bd 100644 --- a/src/components/StandardGauge.tsx +++ b/src/components/StandardGauge.tsx @@ -11,18 +11,20 @@ interface StandardGaugeProps { } const StandardGauge = ({ data }: StandardGaugeProps) => ( - datum.data.color} - fit={false} - activeOuterRadiusOffset={8} - enableArcLinkLabels={false} - arcLinkLabelsColor={{ from: 'color' }} - enableArcLabels={false} - legends={[]} - /> + //
+ datum.data.color} + fit={false} + activeOuterRadiusOffset={8} + enableArcLinkLabels={false} + arcLinkLabelsColor={{ from: 'color' }} + enableArcLabels={false} + legends={[]} + /> + //
) export default StandardGauge