From 904e8310ef97811ee8b845804100059f7571497f Mon Sep 17 00:00:00 2001
From: ap-justin <89639563+ap-justin@users.noreply.github.com>
Date: Wed, 3 Jan 2024 15:11:58 +0800
Subject: [PATCH] use humanize

---
 src/pages/Leaderboard/DonationMetrics.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/Leaderboard/DonationMetrics.tsx b/src/pages/Leaderboard/DonationMetrics.tsx
index 17726caed1..98fd33dfa1 100644
--- a/src/pages/Leaderboard/DonationMetrics.tsx
+++ b/src/pages/Leaderboard/DonationMetrics.tsx
@@ -2,6 +2,7 @@ import {
   dummyDonationsMetricList as metricsPlaceholder,
   useMetricsListQuery,
 } from "services/aws/business_metrics";
+import { humanize } from "helpers";
 
 export default function DonationMetrics() {
   const { data: metrics = metricsPlaceholder } = useMetricsListQuery({});
@@ -9,10 +10,7 @@ export default function DonationMetrics() {
   return (
     <div className="text-center">
       <h2 className="my-3 text-3xl font-extrabold">
-        Total Donations: ${" "}
-        {`${Number(
-          metrics.donations_total_amount_v2.toFixed(2)
-        ).toLocaleString()}`}
+        Total Donations: $ {humanize(metrics.donations_total_amount_v2, 2)}
       </h2>
       {/*<h3 className="text-xl font-semibold">
         Daily Donations Total: ${" "}