From 30267e779b00d582fdc25b5f469f9a1ce638cc18 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 13 Oct 2025 11:17:09 +0530
Subject: [PATCH] =?UTF-8?q?=E2=80=9CNA=E2=80=9D=20Should=20Be=20Displayed?=
 =?UTF-8?q?=20When=20Employee=20Has=20No=20Email=20Instead=20of=20?=
 =?UTF-8?q?=E2=80=9C=E2=80=93=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Documents/Documents.jsx    |  2 +-
 src/components/Employee/EmpAttendance.jsx |  1 -
 src/pages/employee/EmployeeList.jsx       | 50 +++++++++++------------
 3 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/src/components/Documents/Documents.jsx b/src/components/Documents/Documents.jsx
index 8210bf58..f3649664 100644
--- a/src/components/Documents/Documents.jsx
+++ b/src/components/Documents/Documents.jsx
@@ -149,7 +149,7 @@ const Documents = ({ Document_Entity, Entity }) => {
               </label>
             </div>
 
-            <div className="col-6 col-md-6 col-lg-8 text-end">
+            <div className="col-12 col-md-6 col-lg-8 text-end">
               {(isSelf || canUploadDocument) && (
                 <button
                   className="btn btn-sm btn-primary me-3"
diff --git a/src/components/Employee/EmpAttendance.jsx b/src/components/Employee/EmpAttendance.jsx
index b630ac7f..686d820c 100644
--- a/src/components/Employee/EmpAttendance.jsx
+++ b/src/components/Employee/EmpAttendance.jsx
@@ -51,7 +51,6 @@ const EmpAttendance = () => {
       new Date(b?.checkInTime).getTime() - new Date(a?.checkInTime).getTime()
   );
 
-  console.log(sorted);
 
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     sorted,
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index ca8e6d66..9b1d1afa 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -176,12 +176,10 @@ const EmployeeList = () => {
   useEffect(() => {
     if (!loading && Array.isArray(employees)) {
       const sorted = [...employees].sort((a, b) => {
-        const nameA = `${a.firstName || ""}${a.middleName || ""}${
-          a.lastName || ""
-        }`.toLowerCase();
-        const nameB = `${b.firstName || ""}${b.middleName || ""}${
-          b.lastName || ""
-        }`.toLowerCase();
+        const nameA = `${a.firstName || ""}${a.middleName || ""}${a.lastName || ""
+          }`.toLowerCase();
+        const nameB = `${b.firstName || ""}${b.middleName || ""}${b.lastName || ""
+          }`.toLowerCase();
         return nameA?.localeCompare(nameB);
       });
 
@@ -258,9 +256,8 @@ const EmployeeList = () => {
               ? "Suspend Employee"
               : "Reactivate Employee"
           }
-          message={`Are you sure you want to ${
-            selectedEmpFordelete?.isActive ? "suspend" : "reactivate"
-          } this employee?`}
+          message={`Are you sure you want to ${selectedEmpFordelete?.isActive ? "suspend" : "reactivate"
+            } this employee?`}
           onSubmit={(id) =>
             suspendEmployee({
               employeeId: id,
@@ -471,9 +468,8 @@ const EmployeeList = () => {
                         Status
                       </th>
                       <th
-                        className={`sorting_disabled  ${
-                          !Manage_Employee && "d-none"
-                        }`}
+                        className={`sorting_disabled  ${!Manage_Employee && "d-none"
+                          }`}
                         rowSpan="1"
                         colSpan="1"
                         style={{ width: "50px" }}
@@ -493,20 +489,20 @@ const EmployeeList = () => {
                     )}
 
                     {!loading &&
-                    displayData?.length === 0 &&
-                    (!searchText ) ? (
+                      displayData?.length === 0 &&
+                      (!searchText) ? (
                       <tr>
                         <td colSpan={8} className="border-0 py-3">
-                        <div className="py-4">
+                          <div className="py-4">
                             No Data Found
-                        </div>
+                          </div>
                         </td>
                       </tr>
                     ) : null}
 
-                      {!loading &&
-                    displayData?.length === 0 &&
-                    (searchText ) ? (
+                    {!loading &&
+                      displayData?.length === 0 &&
+                      (searchText) ? (
                       <tr>
                         <td colSpan={8} className="border-0 py-3">
                           <div className="py-4">
@@ -542,18 +538,17 @@ const EmployeeList = () => {
                               </div>
                             </div>
                           </td>
-                          <td className="text-start  d-none  d-sm-table-cell">
+                          <td className="text-start d-none d-sm-table-cell">
                             {item.email ? (
                               <span className="text-truncate">
                                 <i className="bx bxs-envelope text-primary me-2"></i>
                                 {item.email}
                               </span>
                             ) : (
-                              <span className="text-truncate text-italic">
-                                -
-                              </span>
+                              <span className="d-block text-start text-muted fst-italic">NA</span>
                             )}
                           </td>
+
                           <td className="text-start  d-none  d-sm-table-cell">
                             <span className="text-truncate">
                               <i className="bx bxs-phone-call text-primary me-2"></i>
@@ -567,9 +562,14 @@ const EmployeeList = () => {
                             </span>
                           </td>
 
-                          <td className=" d-none  d-md-table-cell">
-                            {moment(item.joiningDate)?.format("DD-MMM-YYYY")}
+                          <td className="d-none d-md-table-cell">
+                            {item.joiningDate ? (
+                              moment(item.joiningDate).format("DD-MMM-YYYY")
+                            ) : (
+                              <span className="d-block text-center text-muted fst-italic">NA</span>
+                            )}
                           </td>
+
                           <td>
                             {showInactive ? (
                               <span