From a31b7d3e0414679c74611ed03595bf87de2209e7 Mon Sep 17 00:00:00 2001
From: pacholoamit <pacholoamit.tech@gmail.com>
Date: Sat, 12 Oct 2024 09:06:19 +0800
Subject: [PATCH] refactor: Update size and structure of StatsRing component

---
 .../global-cpu/global-cpu.area-chart.tsx      | 31 ++++++++-----------
 1 file changed, 13 insertions(+), 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
index f1b903c3..4e7707a3 100644
--- 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>
+      }
+    />
   );
 };