From ae8cd99602b7c7e0849db87731002e4b48f64ae4 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 15 Sep 2023 13:12:33 +0300
Subject: [PATCH] fix data and style

---
 .../UptimeChart/ConsensusUptimeCard.tsx       |  4 +-
 .../Dashboard/UptimeChart/UptimeChart.tsx     | 46 +++++++------------
 2 files changed, 18 insertions(+), 32 deletions(-)

diff --git a/src/pages/Dashboard/UptimeChart/ConsensusUptimeCard.tsx b/src/pages/Dashboard/UptimeChart/ConsensusUptimeCard.tsx
index 3889559e..b55a0ff8 100644
--- a/src/pages/Dashboard/UptimeChart/ConsensusUptimeCard.tsx
+++ b/src/pages/Dashboard/UptimeChart/ConsensusUptimeCard.tsx
@@ -17,8 +17,8 @@ const ConsensusUptimeCard = () => {
                     <Text size={27} weight={'semibold'}>98%</Text>
                     <Text size={13} color='$red'>-2%</Text>
                 </XStack>
-                <XStack width={'100%'} height={'50%'} justifyContent="center" alignItems="center">
-                    <Stack style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '80%', height: '100%' }}>
+                <XStack height={'50%'} justifyContent="center" alignItems="center">
+                    <Stack style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '228px', height: '100%' }}>
                         <UptimeChart />
                     </Stack>
                 </XStack>
diff --git a/src/pages/Dashboard/UptimeChart/UptimeChart.tsx b/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
index fa30cdd3..cf29257e 100644
--- a/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
+++ b/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
@@ -3,53 +3,42 @@ import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsive
 
 const data: DataItem[] = [
     {
-
-        uv: 4000,
-        pv: 2400,
-        amt: 2400,
+        pv: 1,
+        pa: 1
     },
     {
 
-        uv: 3000,
-        pv: 1398,
-        amt: 2210,
+        pv: 0,
+        pa: 0
     },
     {
 
-        uv: 2000,
-        pv: 9800,
-        amt: 2290,
+        pv: 1,
+        pa: 0
     },
     {
 
-        uv: 2780,
-        pv: 3908,
-        amt: 2000,
+        pv: 0,
+        pa: 0
     },
     {
 
-        uv: 1890,
-        pv: 4800,
-        amt: 2181,
+        pv: 0,
+        pa: 0   
     },
     {
-
-        uv: 2390,
-        pv: 3800,
-        amt: 2500,
+        pv: 1,
+        pa: 1
     },
     {
-
-        uv: 3490,
-        pv: 4300,
-        amt: 2100,
+        pv: 1,
+        pa: 1
     },
 ];
 
 interface DataItem {
-    uv: number;
+    pa: number;
     pv: number;
-    amt: number;
 }
 
 
@@ -59,14 +48,11 @@ const UptimeChart = () => {
             <BarChart
                 data={data}
                 margin={{
-                    top: 5,
-                    right: 30,
-                    left: 20,
-                    bottom: 5,
                 }}
                 style={{ backgroundColor: '#F0F2F5' }}
             >
                 <Bar dataKey="pv" barSize={2} fill="#E95460" />
+                <Bar dataKey="pa" barSize={2} fill="#E95460" />
             </BarChart>
         </ResponsiveContainer>
     );