[TM-1568] format numbers

wri · Dec 30, 2024 · a1b7f01 · a1b7f01
1 parent e83bc9d
commit a1b7f01
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/dashboard/charts/CustomLabelRestoration.tsx b/src/pages/dashboard/charts/CustomLabelRestoration.tsx
@@ -14,7 +14,7 @@ export const CustomLabel: React.FC<any> = props => {
       dominantBaseline={isSmallBar ? "bottom" : "middle"}
       className="text-12"
     >
-      {`${value.toFixed(0)} ha`}
+      {`${Math.round(value).toLocaleString()} ha`}
     </text>
   );
 };

diff --git a/src/utils/dashboardUtils.ts b/src/utils/dashboardUtils.ts
@@ -354,7 +354,7 @@ export const parseHectaresUnderRestorationData = (
   const formatValueText = (value: number): string => {
     if (!total_hectares_restored) return "0 ha 0%";
     const percentage = (value / total_hectares_restored) * 100;
-    return `${value.toFixed(0)} ha ${percentage.toFixed(2)}%`;
+    return `${Math.round(value).toLocaleString()} ha ${percentage.toFixed(0)}%`;
   };
 
   const getLandUseTypeTitle = (value: string): string => {