From d70fb531fc1de4a91a0d49720fd8469c97b97cc2 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Sat, 16 Sep 2023 06:11:23 +0300
Subject: [PATCH] clear code

---
 .../Dashboard/UptimeChart/UptimeChart.tsx     | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/Dashboard/UptimeChart/UptimeChart.tsx b/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
index 77beddf4..6753b2ac 100644
--- a/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
+++ b/src/pages/Dashboard/UptimeChart/UptimeChart.tsx
@@ -11,21 +11,21 @@ type UptimeChartProps = {
 }
 
 const UptimeChart = ({ data }: UptimeChartProps) => {
-    return (
-        <ResponsiveContainer  >
-            <BarChart
-                data={data}
-                style={{ backgroundColor: '#F0F2F5' }}
-            >
-                <Bar dataKey="pv" barSize={2} fill="#E95460" />
-                {/* <XAxis dataKey="name" fontSize={'10px'} width={50} /> */}
-                <Bar dataKey="pa" barSize={2} fill="#E95460" />
-                {data[0].name && (
-                    <XAxis dataKey="name" fontSize={'10px'} tickMargin={10} />
-                )}
-            </BarChart>
-        </ResponsiveContainer>
-    );
+  return (
+    <ResponsiveContainer  >
+      <BarChart
+        data={data}
+        style={{ backgroundColor: '#F0F2F5' }}
+      >
+        <Bar dataKey="pv" barSize={2} fill="#E95460" />
+        {/* @NOTE: We can add as many Bar items as we need and use them for each day of the month */}
+        <Bar dataKey="pa" barSize={2} fill="#E95460" />
+        {data[0].name && (
+          <XAxis dataKey="name" fontSize={'10px'} tickMargin={10} />
+        )}
+      </BarChart>
+    </ResponsiveContainer>
+  );
 }
 
 export default UptimeChart