From 78c8e3da2e95843c1ece144b5021d52fb2a48c89 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Mon, 20 Nov 2023 21:21:10 +0700
Subject: [PATCH] Constructing barchart.

---
 .../src/components/dashboard/Barchart.jsx     | 22 +++++++++----------
 .../src/components/dashboard/dashboard.jsx    |  4 ++++
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/dashboard/Barchart.jsx b/frontend/src/components/dashboard/Barchart.jsx
index b900474..4cb9e14 100644
--- a/frontend/src/components/dashboard/Barchart.jsx
+++ b/frontend/src/components/dashboard/Barchart.jsx
@@ -2,17 +2,18 @@ import { BarChart, Card, Title } from "@tremor/react";
 import React from "react";
 import axiosInstance from "../../api/configs/AxiosConfig";
 
-
+const fetchBarChartData = async () => {
+}
 const chartdata3 = [
   {
-    date: "Jan 23",
-    "2022": 45,
-    "2023": 78,
+    date: "Monday",
+    "This Week": 45,
+    "Last Week": 78,
   },
   {
-    date: "Feb 23",
-    "2022": 52,
-    "2023": 71,
+    date: "Tuesday",
+    "This Week": 52,
+    "Last Week": 71,
   },
   {
     date: "Mar 23",
@@ -70,20 +71,17 @@ export const BarChartGraph = () => {
   const [value, setValue] = React.useState(null);
   return (
     <>
-      <Card>
-        <Title>Closed Pull Requests</Title>
+        <Title>Task completed statistics vs. last week</Title>
         <BarChart
           className="mt-6"
           data={chartdata3}
           index="date"
-          categories={["2022", "2023"]}
+          categories={["This Week", "Last week"]}
           colors={["neutral", "indigo"]}
           yAxisWidth={30}
           onValueChange={(v) => setValue(v)}
           showAnimation
         />
-      </Card>
-      <pre>{JSON.stringify(value)}</pre>
     </>
   );
 };
\ No newline at end of file
diff --git a/frontend/src/components/dashboard/dashboard.jsx b/frontend/src/components/dashboard/dashboard.jsx
index a4204a1..961f6c4 100644
--- a/frontend/src/components/dashboard/dashboard.jsx
+++ b/frontend/src/components/dashboard/dashboard.jsx
@@ -37,6 +37,8 @@ export default function Dashboard() {
             <TabPanel>
               <Grid numItemsMd={2} numItemsLg={3} className="gap-6 mt-6">
                 <Card>
+                  <Title>Highlights vs. last week</Title>
+                  <br />
                   <KpiCard />
                   <br />
                   <KpiCard />
@@ -55,7 +57,9 @@ export default function Dashboard() {
                     
                   </Card>
                 </div>
+                <Card>
                 <BarChartGraph />
+                </Card>
               </Grid>
             </TabPanel>
           </TabPanels>