From 19df5a55ff9e4aadfa0dcbdad0e7a7071b08fe5a Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 15:36:52 +0530
Subject: [PATCH 1/6] dynamically adjust chart height and bar height based on
 data points in HorizontalBarChart

---
 src/components/Charts/HorizontalBarChart.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Charts/HorizontalBarChart.jsx b/src/components/Charts/HorizontalBarChart.jsx
index 86f05668..79b47b13 100644
--- a/src/components/Charts/HorizontalBarChart.jsx
+++ b/src/components/Charts/HorizontalBarChart.jsx
@@ -46,19 +46,23 @@ const HorizontalBarChart = ({
   // Replace 0 with 1 for visual purposes, but display "0%" in labels
   const adjustedSeriesData = sortedSeriesData.map(val => (val === 0 ? 1 : val));
 
+  // Dynamically adjust chart height if only one data point
+  const chartHeight = seriesData.length === 1 ? 80 : 380;
+
   const chartOptions = {
     chart: {
       type: "bar",
-      height: 380,
+      height: chartHeight,
       toolbar: { show: false },
     },
     grid: { show: false },
     plotOptions: {
       bar: {
-        barHeight: "60%",
+        barHeight: seriesData.length === 1 ? "30%" : "60%",
         distributed: true,
         horizontal: true,
-        borderRadius: 10,
+        borderRadius: 3,
+        borderRadiusApplication: "end",
         dataLabels: {
           position: "top",
         },
@@ -110,7 +114,7 @@ const HorizontalBarChart = ({
         options={chartOptions}
         series={[{ data: adjustedSeriesData }]}
         type="bar"
-        height={380}
+        height={chartHeight}
       />
     </div>
   );
-- 
2.43.0


From b57b46440dc3aeb2777861ab267afb633c38a201 Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 16:29:11 +0530
Subject: [PATCH 2/6] add font size adjustment for chart labels in
 HorizontalBarChart

---
 src/components/Charts/HorizontalBarChart.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Charts/HorizontalBarChart.jsx b/src/components/Charts/HorizontalBarChart.jsx
index 79b47b13..960a4d2d 100644
--- a/src/components/Charts/HorizontalBarChart.jsx
+++ b/src/components/Charts/HorizontalBarChart.jsx
@@ -74,6 +74,7 @@ const HorizontalBarChart = ({
       textAnchor: "center",
       style: {
         colors: ["#000"], // Black labels
+        fontSize: "8px",
       },
       formatter: function (_, opt) {
         const originalVal = sortedSeriesData[opt.dataPointIndex]; // Show real value
-- 
2.43.0


From 9a5bf237129b180097d900a10edc8d5f868c9325 Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 16:29:22 +0530
Subject: [PATCH 3/6] refactor: remove unnecessary class from time range
 buttons in Dashboard

---
 src/components/Dashboard/Dashboard.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index b3b9dc68..d2048aba 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -230,13 +230,13 @@ const Dashboard = () => {
               </div>
 
               {/* Row 2: Time Range Buttons */}
-              <div className="d-flex flex-wrap gap-2 mt-2">
+              <div className="d-flex flex-wrap  mt-2">
                 {["1D", "1W", "15D", "1M", "3M", "1Y", "5Y"].map((key) => (
                   <button
                     key={key}
                     className={`border-0 bg-transparent px-2 py-1 text-sm rounded ${
                       range === key
-                        ? "fw-bold border-bottom border-primary text-primary"
+                        ? " border-bottom border-primary text-primary"
                         : "text-muted"
                     }`}
                     style={{ cursor: "pointer", transition: "all 0.2s ease" }}
-- 
2.43.0


From dd697b47b526e990eaab4a764e1f2bc2e29faee7 Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 16:38:26 +0530
Subject: [PATCH 4/6] add line chart date formatting based on sorted dashboard
 data

---
 src/components/Charts/LineChart.jsx    | 21 ++++++++++++++++-----
 src/components/Dashboard/Dashboard.jsx |  9 ++++++++-
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/Charts/LineChart.jsx b/src/components/Charts/LineChart.jsx
index 565e5816..1dc1b1ac 100644
--- a/src/components/Charts/LineChart.jsx
+++ b/src/components/Charts/LineChart.jsx
@@ -3,10 +3,11 @@ import ReactApexChart from "react-apexcharts";
 import PropTypes from "prop-types";
 
 const LineChart = ({
-    seriesData = [],
-    categories = [],
-    colors = ["#1E90FF", "#FF6347"],
-    loading = false
+  seriesData = [],
+  categories = [],
+  colors = ["#1E90FF", "#FF6347"],
+  loading = false,
+  lineChartCategoriesDates = [],
 }) => {
     const hasValidData =
         Array.isArray(seriesData) &&
@@ -100,11 +101,21 @@ const LineChart = ({
     tooltip: {
       enabled: true,
       x: {
-        formatter: (val, opts) => val
+        formatter: (value, { dataPointIndex }) => {
+          if (
+            lineChartCategoriesDates &&
+            lineChartCategoriesDates.length > dataPointIndex
+          ) {
+            return lineChartCategoriesDates[dataPointIndex];
+          }
+          return value;
+        }
       }
     }
+
   };
 
+
   return (
     <div className="w-full overflow-x-auto">
       <ReactApexChart
diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index d2048aba..5140974a 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -82,7 +82,13 @@ const Dashboard = () => {
       day: "numeric",
     })
   );
-
+  const lineChartCategoriesDates = sortedDashboardData.map((d) =>
+    new Date(d.date).toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+    })
+  );
   return (
     <div className="container-xxl flex-grow-1 container-p-y">
       <div className="row gy-4">
@@ -252,6 +258,7 @@ const Dashboard = () => {
                 seriesData={lineChartSeries}
                 categories={lineChartCategories}
                 loading={isLineChartLoading}
+                lineChartCategoriesDates={lineChartCategoriesDates}
               />
             </div>
           </div>
-- 
2.43.0


From c05f3aa0a1b54b3b1e918bf4d9d0f260e91a6f49 Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 16:43:45 +0530
Subject: [PATCH 5/6] fix: update card subtitle to better reflect project
 completion status

---
 src/components/Dashboard/Dashboard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 5140974a..46bd2197 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -174,7 +174,7 @@ const Dashboard = () => {
             <div className="card-header d-flex align-items-start justify-content-between">
               <div className="card-title mb-0 text-start">
                 <h5 className="mb-1">Projects</h5>
-                <p className="card-subtitle">Total Projects Overview</p>
+                <p className="card-subtitle">Projects Completion Status</p>
               </div>
             </div>
             <div className="card-body">
-- 
2.43.0


From 4e654444a888c7ceff2a4bab2e2d2cf5f9c9ee76 Mon Sep 17 00:00:00 2001
From: Vaibhav Surve <vaibhav.surve@marcoaiot.com>
Date: Tue, 15 Apr 2025 16:49:05 +0530
Subject: [PATCH 6/6] add: enable legend display with reduced font size in
 HorizontalBarChart

---
 src/components/Charts/HorizontalBarChart.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Charts/HorizontalBarChart.jsx b/src/components/Charts/HorizontalBarChart.jsx
index 960a4d2d..8504b100 100644
--- a/src/components/Charts/HorizontalBarChart.jsx
+++ b/src/components/Charts/HorizontalBarChart.jsx
@@ -98,6 +98,10 @@ const HorizontalBarChart = ({
       axisBorder: { show: false },
       axisTicks: { show: false },
     },
+    legend: {
+      show: true, 
+      fontSize: '8px', // Reduce text size
+    },
     tooltip: {
       theme: "dark",
       x: { show: true },
-- 
2.43.0