dwindown/WooNooW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Pie chart center number now shows correct count for selected status

Browse Source
This commit is contained in:
dwindown
2025-11-04 20:50:48 +07:00
parent 6508a537f7
commit 549ef12802
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
admin-spa/src/routes/Dashboard/index.tsx
View File

@@ -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>
);