From 6298b9dc601462280bc80477b12e65f8094d9451 Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:22:30 +0530
Subject: [PATCH] working charts

---
 dev-dist/sw.js                        |  2 +-
 src/components/ChartsTabs.jsx         | 32 ++++++++++++---------------
 src/components/Doughnut/LineChart.jsx | 12 +++++++++-
 3 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 15aeba9..092a0e4 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-b5f7729d'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.0iof9eg3rjg"
+    "revision": "0.ts550h453d"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/components/ChartsTabs.jsx b/src/components/ChartsTabs.jsx
index e2c3c8f..28c5a2d 100644
--- a/src/components/ChartsTabs.jsx
+++ b/src/components/ChartsTabs.jsx
@@ -61,34 +61,30 @@ function ChartsTabs({ selectedValue, setSelectedValue, days }) {
   const group = getRootProps();
 
   return (
-    <HStack alignItems={"center"}   gap={1}>
-      
-
-
-      <HStack
-        bg={colorMode === 'light'?'#fff':"#F8F8FF26"}
-        p={1.5}
-        rounded={"12px"}
-        justifyContent={{ base: "flex-end" }}
-        gap={{ base: 0, md: 1 }}
-        {...group}
-        ps={3}
-      >
-        <Text
+    <HStack alignItems={"center"} gap={1}>
+      <Text
         fontWeight={600}
         display={"flex"}
         alignItems={"center"}
         fontSize={{ base: "xs", md: "xs" }}
-        color={colorMode === 'light'?'gray.400':"#fff"}
-        
+        color={colorMode === 'light'?'gray.400':"#fff"}       
       >
         Last 
-                {/* <Icon
+        <Icon
           as={FiChevronsRight}
           ms={1}
           color={colorMode === "light" ? "gray.400" : "#fff"}
-        /> */}
+        />
       </Text>
+      <HStack
+        bg={colorMode === 'light'?'#fff':"#F8F8FF26"}
+        p={1.5}
+        rounded={"8px"}
+        justifyContent={{ base: "flex-end" }}
+        gap={{ base: 0, md: 1 }}
+        {...group}
+        ps={2}
+      >
         {options.map((value) => {
           const radio = getRadioProps({ value });
           return (
diff --git a/src/components/Doughnut/LineChart.jsx b/src/components/Doughnut/LineChart.jsx
index c57a9fe..e521adc 100644
--- a/src/components/Doughnut/LineChart.jsx
+++ b/src/components/Doughnut/LineChart.jsx
@@ -142,6 +142,16 @@ const LineChart = () => {
             return value / 1000 + "k";
           },
         },
+        grid: {
+          drawBorder: false,
+          borderColor: 'transparent' // Remove the border on the Y-axis
+        },
+      },
+      x: {
+        grid: {
+          drawBorder: false,
+          borderColor: 'transparent' // Optionally remove the border on the X-axis
+        },
       },
     },
   };
@@ -164,7 +174,7 @@ const LineChart = () => {
         >
           Transaction History
         </Heading>
-        <ChartsTabs
+        <ChartsTabs 
           setSelectedValue={setSelectedValue}
           selectedValue={selectedValue}
           days={dayjs().daysInMonth()}