From 549ef128023197ced1e06b41c38b4d926d7ab3c0 Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Tue, 4 Nov 2025 20:50:48 +0700
Subject: [PATCH] fix: Pie chart center number now shows correct count for
 selected status

---
 admin-spa/src/routes/Dashboard/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/admin-spa/src/routes/Dashboard/index.tsx b/admin-spa/src/routes/Dashboard/index.tsx
index e7c2ab6..370542d 100644
--- a/admin-spa/src/routes/Dashboard/index.tsx
+++ b/admin-spa/src/routes/Dashboard/index.tsx
@@ -540,9 +540,9 @@ export default function Dashboard() {
                 <Label
                   content={({ viewBox }) => {
                     if (viewBox && 'cx' in viewBox && 'cy' in viewBox) {
-                      const activePieIndex = data.orderStatusDistribution.findIndex((item: any) => item.name === activeStatus);
+                      const activePieIndex = sortedOrderStatus.findIndex((item: any) => (item.status || item.name) === activeStatus);
                       const displayIndex = hoverIndex !== undefined ? hoverIndex : (activePieIndex >= 0 ? activePieIndex : 0);
-                      const selectedData = data.orderStatusDistribution[displayIndex];
+                      const selectedData = sortedOrderStatus[displayIndex];
                       return (
                         <text
                           x={viewBox.cx}
@@ -555,14 +555,14 @@ export default function Dashboard() {
                             y={viewBox.cy}
                             className="fill-foreground text-3xl font-bold"
                           >
-                            {(selectedData?.value ?? 0).toLocaleString()}
+                            {(selectedData?.count ?? 0).toLocaleString()}
                           </tspan>
                           <tspan
                             x={viewBox.cx}
                             y={(viewBox.cy || 0) + 24}
                             className="fill-muted-foreground text-sm"
                           >
-                            {selectedData?.name}
+                            {selectedData?.status || selectedData?.name}
                           </tspan>
                         </text>
                       );