From e6e27beb6f07c4c33adfa27a00fe180dd334da13 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 18 Nov 2025 16:35:05 +0530
Subject: [PATCH] Creating Card for ServiceProject.

---
 .../ServiceProjectTeam/ServiceProjectCard.jsx | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx b/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx
index 26cb1eac..e6f39b36 100644
--- a/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx
+++ b/src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx
@@ -184,7 +184,7 @@ const ServiceProjectCard = ({ project, isCore = true }) => {
 
                                 <p className="mb-1">
                                     <span className="text-heading fw-medium">Contact Person: </span>
-                                    {project?.contactName || "NA"}
+                                    {project?.contactName}
                                 </p>
 
                                 <p className="mb-1">
@@ -194,7 +194,7 @@ const ServiceProjectCard = ({ project, isCore = true }) => {
 
                                 <p className="mb-0">
                                     <span className="text-heading fw-medium">Address: </span>
-                                    {project?.address || "NA"}
+                                    {project?.address}
                                 </p>
 
 
@@ -205,8 +205,8 @@ const ServiceProjectCard = ({ project, isCore = true }) => {
                     <div className="card-body border-top text-start ms-2">
                         <div className="mt-n3">
                             <p className="mb-0">
-                                <span className="text-heading fw-medium"><i className="bx bx-group bx-sm me-1_5"></i>Member Count: </span>
-                                {project?.jobMembersCount || "NA"}
+                                <i className="bx bx-group bx-sm me-1_5"></i>
+                                {project?.teamMemberCount} Employees
                             </p>
                         </div>
 
@@ -217,24 +217,26 @@ const ServiceProjectCard = ({ project, isCore = true }) => {
                             {/* Job details */}
                             <div className="d-flex flex-column">
                                 <p className="mb-2">
-                                    <span className="text-heading fw-medium"><i className="bx bx-briefcase bx-sm me-1"></i>Team Count: </span>
-                                    {project?.teamMemberCount || "NA"}
+                                    <i className="bx bx-briefcase bx-sm me-1"></i>
+                                    {project?.assignedJobsCount} Assigned Jobs
                                 </p>
 
                                 <p className="mb-2">
-                                    <span className="text-heading fw-medium"><i className="bx bx-task bx-sm me-1"></i>Active Job: </span>
-                                    {project?.activeJobsCount || "NA"}
+                                    <i className="bx bx-task bx-sm me-1"></i>
+                                    {project?.activeJobsCount} Active Jobs
                                 </p>
 
                                 <p className="mb-2">
-                                    <span className="text-heading fw-medium"><i className="bx bx-time-five bx-sm me-1"></i>Passed Due Date Count: </span>
-                                    {project?.jobsPassedDueDateCount || "NA"}
+                                    <i className="bx bx-time-five bx-sm me-1"></i>
+                                    {project?.jobsPassedDueDateCount} Job Passes Due Date
+                                </p>
+                                <p className="mb-2">
+                                    <i className="bx bx-pause-circle bx-sm me-1"></i>
+                                    {project?.onHoldJobsCount} On Hold Jobs
                                 </p>
                             </div>
                         </div>
                     </div>
-
-
                 </div>
             </div>
         </>