working charts

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"), {

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 (

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()}