From 7572ad077753ecced06008ef8340a2d2db23cce3 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 12 May 2025 17:00:01 +0530
Subject: [PATCH] modified attend log, icons, correct for regualarize and
 check-out

---
 src/components/Activities/AttendLogs.jsx | 69 +++++++++++++++++-------
 1 file changed, 50 insertions(+), 19 deletions(-)

diff --git a/src/components/Activities/AttendLogs.jsx b/src/components/Activities/AttendLogs.jsx
index b246768b..60c94448 100644
--- a/src/components/Activities/AttendLogs.jsx
+++ b/src/components/Activities/AttendLogs.jsx
@@ -1,13 +1,28 @@
 import React, { useEffect, useState } from "react";
 import { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
 import { convertShortTime } from "../../utils/dateUtils";
-import { useNavigate } from "react-router-dom";
+import {useNavigate} from "react-router-dom";
+import {THRESH_HOLD} from "../../utils/constants";
 
 const AttendLogs = ({ Id }) => {
   const { logs, loading } = useEmployeeAttendacesLog(Id);
   const navigate = useNavigate();
 
-  const whichActivityPerform = (actvity) => {
+  const  isCheckoutRegularized = (
+    activityTimeStr,
+    checkoutTimeStr,
+    threshHours
+  )=> {
+    if (!activityTimeStr || !checkoutTimeStr) return false;
+
+    const activityTime = new Date(activityTimeStr);
+    const checkoutTime = new Date(checkoutTimeStr);
+    const threshTimeMs = threshHours * 60 * 60 * 1000;
+
+    return checkoutTime - activityTime > threshTimeMs;
+  }
+
+  const whichActivityPerform = (actvity,checkOutTime) => {
     switch (actvity) {
       case 1:
         return (
@@ -24,12 +39,12 @@ const AttendLogs = ({ Id }) => {
       case 2:
         return (
           <i
-            className="bx bx-help-circle text-secondary"
+            className="bx bx-help-circle text-danger"
             data-bs-toggle="tooltip"
             data-bs-offset="0,8"
             data-bs-placement="top"
             data-bs-custom-class="tooltip"
-            title="regularize Requested"
+            title="Regularized Requested"
           ></i>
         );
         break;
@@ -41,27 +56,43 @@ const AttendLogs = ({ Id }) => {
             data-bs-offset="0,8"
             data-bs-placement="top"
             data-bs-custom-class="tooltip"
-            title="Regularized"
+            title="Request Deleted !"
           ></i>
         );
         break;
       case 4:
-        return (
-          <i
-            className="bx bx-left-arrow-circle text-danger "
-            data-bs-toggle="tooltip"
-            data-bs-offset="0,8"
-            data-bs-placement="top"
-            data-bs-custom-class="tooltip"
-            title="Check-Out"
-          ></i>
-        );
+        if (
+          checkOutTime &&
+          isCheckoutRegularized(logs[0]?.activityTime, checkOutTime, THRESH_HOLD)
+        ) {
+          return (
+            <i
+              className="bx bx-check-circle text-success"
+              data-bs-toggle="tooltip"
+              data-bs-offset="0,8"
+              data-bs-placement="top"
+              data-bs-custom-class="tooltip"
+              title="Regularized"
+            ></i>
+          );
+        } else {
+          return (
+            <i
+              className="bx bx-left-arrow-circle text-danger"
+              data-bs-toggle="tooltip"
+              data-bs-offset="0,8"
+              data-bs-placement="top"
+              data-bs-custom-class="tooltip"
+              title="Check-Out"
+            ></i>
+          );
+        }
 
         break;
       case 5:
         return (
           <i
-             className="bx bx-x-circle text-danger"
+              className="bx bx-x-circle text-danger"
             data-bs-toggle="tooltip"
             data-bs-offset="0,8"
             data-bs-placement="top"
@@ -122,11 +153,11 @@ const AttendLogs = ({ Id }) => {
                   <tr key={index}>
                     <td>{log.activityTime.slice(0, 10)}</td>
                     <td>{convertShortTime(log.activityTime)}</td>
-                    <td>{whichActivityPerform(log.activity)}</td>
+                     <td>{whichActivityPerform(log.activity,log.activityTime)}</td>
                     <td>
-                      {log?.latitude != 0 ? (
+                      {(log?.latitude && log?.longitude) ? (
                         <i
-                          className="bx bx-location-plus text-danger  cursor-pointer"
+                          className="bx bx-map text-danger  cursor-pointer"
                           data-bs-toggle="tooltip"
                           data-bs-offset="0,8"
                           data-bs-placement="top"