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