admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Creating Card for ServiceProject.

Browse Source
This commit is contained in:
Kartik Sharma 2025-11-18 16:35:05 +05:30
parent c8a599fc8f
commit e6e27beb6f
1 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/ServiceProject/ServiceProjectTeam/ServiceProjectCard.jsx
View File

@ -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>
</>