From c576933ba2a669699ef1060a6597580c93f93e62 Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Sun, 18 Jan 2026 16:15:18 +0700
Subject: [PATCH] fix(FE): update dashboard line chart and types

---
 package-lock.json                             |  7 +++++++
 package.json                                  |  1 +
 .../dashboard/chart/DashboardLineChart.tsx    | 20 +++++++++----------
 src/types/api/dashboard/dashboard.d.ts        |  2 +-
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 38844543..61da9724 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "cmdk": "^1.1.1",
         "embla-carousel-react": "^8.6.0",
         "formik": "^2.4.6",
+        "html-to-image": "^1.11.13",
         "input-otp": "^1.4.2",
         "jspdf": "^3.0.4",
         "jspdf-autotable": "^5.0.2",
@@ -7380,6 +7381,12 @@
       "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg==",
       "license": "ISC"
     },
+    "node_modules/html-to-image": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.13.tgz",
+      "integrity": "sha512-cuOPoI7WApyhBElTTb9oqsawRvZ0rHhaHwghRLlTuffoD1B2aDemlCruLeZrUIIdvG7gs9xeELEPm6PhuASqrg==",
+      "license": "MIT"
+    },
     "node_modules/html2canvas": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
diff --git a/package.json b/package.json
index 3a775db2..981413b3 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "cmdk": "^1.1.1",
     "embla-carousel-react": "^8.6.0",
     "formik": "^2.4.6",
+    "html-to-image": "^1.11.13",
     "input-otp": "^1.4.2",
     "jspdf": "^3.0.4",
     "jspdf-autotable": "^5.0.2",
diff --git a/src/components/pages/dashboard/chart/DashboardLineChart.tsx b/src/components/pages/dashboard/chart/DashboardLineChart.tsx
index 348f6c43..303d46b0 100644
--- a/src/components/pages/dashboard/chart/DashboardLineChart.tsx
+++ b/src/components/pages/dashboard/chart/DashboardLineChart.tsx
@@ -38,7 +38,7 @@ function isOverviewCharts(
 function isComparisonCharts(
   charts: DashboardOverviewCharts | DashboardComparisonCharts
 ): charts is DashboardComparisonCharts {
-  return 'location' in charts || 'flock' in charts || 'kandang' in charts;
+  return 'farm' in charts || 'flock' in charts || 'kandang' in charts;
 }
 
 const lineColors: Record<string, string> = {
@@ -123,7 +123,7 @@ const DashboardLineChart = ({
       isComparisonCharts(data.charts)
     ) {
       const comparisonChart =
-        data.charts.location || data.charts.flock || data.charts.kandang;
+        data.charts.farm || data.charts.flock || data.charts.kandang;
       seriesData = comparisonChart?.series || [];
     }
 
@@ -224,7 +224,7 @@ const DashboardLineChart = ({
             isComparisonCharts(data.charts)
           ) {
             const comparisonChart =
-              data.charts.location || data.charts.flock || data.charts.kandang;
+              data.charts.farm || data.charts.flock || data.charts.kandang;
             seriesData = comparisonChart?.series || [];
           }
 
@@ -303,7 +303,7 @@ const DashboardLineChart = ({
                 // For COMPARISON mode, use the first available comparison chart
                 if (isComparisonCharts(data.charts)) {
                   const chartData =
-                    data.charts.location ||
+                    data.charts.farm ||
                     data.charts.flock ||
                     data.charts.kandang;
 
@@ -353,7 +353,7 @@ const DashboardLineChart = ({
                   isComparisonCharts(data.charts)
                 ) {
                   const comparisonChart =
-                    data.charts.location ||
+                    data.charts.farm ||
                     data.charts.flock ||
                     data.charts.kandang;
                   seriesData = comparisonChart?.series || [];
@@ -401,7 +401,7 @@ const DashboardLineChart = ({
                   isComparisonCharts(data.charts)
                 ) {
                   const comparisonChart =
-                    data.charts.location ||
+                    data.charts.farm ||
                     data.charts.flock ||
                     data.charts.kandang;
                   seriesData = comparisonChart?.series || [];
@@ -470,7 +470,7 @@ const DashboardLineChart = ({
                   isComparisonCharts(data.charts)
                 ) {
                   const comparisonChart =
-                    data.charts.location ||
+                    data.charts.farm ||
                     data.charts.flock ||
                     data.charts.kandang;
                   seriesData = comparisonChart?.series || [];
@@ -497,9 +497,7 @@ const DashboardLineChart = ({
                 isComparisonCharts(data.charts)
               ) {
                 const comparisonChart =
-                  data.charts.location ||
-                  data.charts.flock ||
-                  data.charts.kandang;
+                  data.charts.farm || data.charts.flock || data.charts.kandang;
                 seriesData = comparisonChart?.series || [];
               }
 
@@ -557,7 +555,7 @@ const DashboardLineChart = ({
             isComparisonCharts(data.charts)
           ) {
             const comparisonChart =
-              data.charts.location || data.charts.flock || data.charts.kandang;
+              data.charts.farm || data.charts.flock || data.charts.kandang;
             dataset = comparisonChart?.dataset || [];
           }
 
diff --git a/src/types/api/dashboard/dashboard.d.ts b/src/types/api/dashboard/dashboard.d.ts
index ec3dafdb..749b469a 100644
--- a/src/types/api/dashboard/dashboard.d.ts
+++ b/src/types/api/dashboard/dashboard.d.ts
@@ -6,7 +6,7 @@ export interface Dashboard {
 }
 
 export interface DashboardComparisonCharts {
-  location: DashboardCharts;
+  farm: DashboardCharts;
   flock: DashboardCharts;
   kandang: DashboardCharts;
 }