src/components/Activities/AttendLogs.jsx

@@ -123,19 +123,15 @@ const AttendLogs = ({ Id }) => {
   }, []);
   return (
     <div className="table-responsive">
-      <div className="mb-3">
+      <div className="text-start">
-        <h5 className="fw-bold mb-2">Attendance Logs</h5>
         {logs && !loading && (
-          <p className="mb-0 text-start">
+          <p>
-            Showing logs for{" "}
+            Attendance logs for{" "}
-            <strong>
+            {logs[0]?.employee?.firstName + " " + logs[0]?.employee?.lastName}{" "}
-              {logs[0]?.employee?.firstName + " " + logs[0]?.employee?.lastName}
+            on {formatUTCToLocalTime(logs[0]?.activityTime)}
-            </strong>{" "}
-            on <strong>{formatUTCToLocalTime(logs[0]?.activityTime)}</strong>
           </p>
         )}
       </div>
-
       {loading && <p>Loading..</p>}
       {logs && logs.length > 0 && (
         <>
@@ -160,11 +156,7 @@ const AttendLogs = ({ Id }) => {
                 .sort((a, b) => b.id - a.id)
                 .map((log, index) => (
                   <tr key={index}>
-                    <td>
+                    <td>{formatUTCToLocalTime(log.activityTime)}</td>
-                      <div className="py-2">
-                        {formatUTCToLocalTime(log.activityTime)}
-                      </div>
-                    </td>
                     <td>{convertShortTime(log.activityTime)}</td>
                     <td>
                       {whichActivityPerform(log.activity, log.activityTime)}
@@ -187,8 +179,9 @@ const AttendLogs = ({ Id }) => {
                       )}
                     </td>
                     <td className="text-wrap">
-                      {`${log?.updatedByEmployee?.firstName ?? ""} ${log?.updatedByEmployee?.lastName ?? ""
+                      {`${log?.updatedByEmployee?.firstName ?? ""} ${
-                        }`}
+                        log?.updatedByEmployee?.lastName ?? ""
+                      }`}
                     </td>
                     <td className="text-wrap" colSpan={3}>
                       {log?.comment?.length > 50