refactor: Update size and structure of StatsRing component

pacholoamit · Oct 12, 2024 · a31b7d3 · a31b7d3
1 parent f84edc3
commit a31b7d3
Showing 1 changed file with 13 additions and 18 deletions.
diff --git a/src/features/metrics/components/global-cpu/global-cpu.area-chart.tsx b/src/features/metrics/components/global-cpu/global-cpu.area-chart.tsx
@@ -35,24 +35,19 @@ interface StatsRingProps {
 
 const StatsRing: React.FC<StatsRingProps> = (props) => {
   return (
-    <Group noWrap>
-      <RingProgress
-        size={60}
-        roundCaps
-        thickness={6.5}
-        sections={[{ value: props.progress, color: props.color }]}
-        label={
-          <Center>
-            <props.Icon style={{ width: rem(20), height: rem(20) }} stroke={1.5} />
-          </Center>
-        }
-      />
-      <Box sx={{ flex: 1, minWidth: 0 }}>
-        <Text fw={700} size={"lg"} sx={{ textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap" }}>
-          {props.stats}
-        </Text>
-      </Box>
-    </Group>
+    <RingProgress
+      size={120}
+      roundCaps
+      thickness={6.5}
+      sections={[{ value: props.progress, color: props.color }]}
+      label={
+        <Center>
+          <Text fw={700} size={"lg"} sx={{ textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap" }}>
+            {props.stats}
+          </Text>
+        </Center>
+      }
+    />
   );
 };