From 247bda1be4bee06c70b519ac22361200b7cf82ac Mon Sep 17 00:00:00 2001
From: "pramod.mahajan" <pramod.mahajan@marcoaiot.com>
Date: Sat, 25 Oct 2025 12:16:22 +0530
Subject: [PATCH] format figure in at dashboard

---
 src/components/Dashboard/Projects.jsx | 14 ++++++++++++--
 src/components/Dashboard/Teams.jsx    | 13 +++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/Dashboard/Projects.jsx b/src/components/Dashboard/Projects.jsx
index 359b184c..06cba6ec 100644
--- a/src/components/Dashboard/Projects.jsx
+++ b/src/components/Dashboard/Projects.jsx
@@ -3,6 +3,7 @@ import { useDashboardProjectsCardData } from "../../hooks/useDashboard_Data";
 import eventBus from "../../services/eventBus";
 import ProjectInfra from "../Project/ProjectInfra";
 import { ProjectCardSkeleton } from "./DashboardSkeleton";
+import { formatFigure } from "../../utils/appUtils";
 
 const Projects = () => {
   const {
@@ -57,11 +58,20 @@ const Projects = () => {
       ) : (
         <div className="d-flex justify-content-around align-items-start mt-n2">
           <div>
-            <h4 className="mb-0 fw-bold">{totalProjects.toLocaleString()}</h4>
+            <h4 className="mb-0 fw-bold">
+               {formatFigure(totalProjects ?? 0, {
+              notation: "compact",
+            })}
+            </h4>
+           
             <small className="text-muted">Total</small>
           </div>
           <div>
-            <h4 className="mb-0 fw-bold">{ongoingProjects.toLocaleString()}</h4>
+            <h4 className="mb-0 fw-bold">
+              {formatFigure(ongoingProjects ?? 0, {
+                notation: "compact",
+              })}
+            </h4>
             <small className="text-muted">Ongoing</small>
           </div>
         </div>
diff --git a/src/components/Dashboard/Teams.jsx b/src/components/Dashboard/Teams.jsx
index bae3d553..05888e77 100644
--- a/src/components/Dashboard/Teams.jsx
+++ b/src/components/Dashboard/Teams.jsx
@@ -5,6 +5,7 @@ import eventBus from "../../services/eventBus";
 import { useQueryClient } from "@tanstack/react-query";
 import { useSelectedProject } from "../../slices/apiDataManager";
 import { TeamsSkeleton } from "./DashboardSkeleton";
+import { formatFigure } from "../../utils/appUtils";
 
 const Teams = () => {
   const queryClient = useQueryClient();
@@ -74,11 +75,19 @@ const Teams = () => {
       ) : (
         <div className="d-flex justify-content-around align-items-start mt-n2">
           <div>
-            <h4 className="mb-0 fw-bold">{totalEmployees.toLocaleString()}</h4>
+            <h4 className="mb-0 fw-bold">
+              {formatFigure(totalEmployees ?? 0, {
+                notation: "compact",
+              })}
+            </h4>
             <small className="text-muted">Total Employees</small>
           </div>
           <div>
-            <h4 className="mb-0 fw-bold">{inToday.toLocaleString()}</h4>
+            <h4 className="mb-0 fw-bold">
+              {formatFigure(inToday ?? 0, {
+                notation: "compact",
+              })}
+            </h4>
             <small className="text-muted">In Today</small>
           </div>
         </div>