Add condition to move entries to 'approved' if checkOut and date are in the past.

src/hooks/useAttendanceStatus.js

@@ -1,8 +1,7 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState } from "react";
-import { timeElapsed } from '../utils/dateUtils';
+import { timeElapsed } from "../utils/dateUtils";
-import { useSelector } from 'react-redux';
+import { useSelector } from "react-redux";
-import {THRESH_HOLD} from '../utils/constants';
+import { THRESH_HOLD } from "../utils/constants";
-
 
 export const ACTIONS = {
   CHECK_IN: 0,
@@ -10,124 +9,143 @@ export const ACTIONS = {
   REGULARIZATION: 2,
   REQUESTED: 3,
   APPROVED: 4,
-  REJECTED: 5
+  REJECTED: 5,
 };
-
+const now = new Date();
 
 const useAttendanceStatus = (attendanceData) => {
-  
   const [status, setStatus] = useState({
     status: "Unknown",
     action: null,
     disabled: true,
     text: "Unknown",
-    color: 'btn-secondary',
+    color: "btn-secondary",
   });
 
- 
   useEffect(() => {
-  
     const { checkInTime, checkOutTime, activity } = attendanceData;
 
-     
+    if (activity === 0 && checkInTime === null && checkOutTime === null) {
-      if(activity === 0 && checkInTime === null && checkOutTime === null){
       setStatus({
         status: "Check-In",
         action: ACTIONS.CHECK_IN,
         disabled: false,
         text: "Check In",
-          color: 'btn-primary',
+        color: "btn-primary",
-        })
+      });
-      }else if(activity === 0&& checkInTime === null && checkOutTime === null && !timeElapsed(checkInTime,THRESH_HOLD)){
+    } else if (activity === 4 && new Date(checkOutTime) < now) {
+      setStatus({
+        status: "Approved",
+        action: ACTIONS.APPROVED,
+        disabled: true,
+        text: "Approved",
+        color: "btn-success",
+      });
+    } else if (
+      activity === 0 &&
+      checkInTime === null &&
+      checkOutTime === null &&
+      !timeElapsed(checkInTime, THRESH_HOLD)
+    ) {
       setStatus({
         status: "Check-In",
         action: ACTIONS.CHECK_IN,
         disabled: false,
         text: "Check In",
-          color: 'btn-primary',
+        color: "btn-primary",
-        })
+      });
-
+    } else if (
-      } else if(activity === 0&& checkInTime !== null && checkOutTime === null && timeElapsed(checkInTime,THRESH_HOLD)){
+      activity === 0 &&
+      checkInTime !== null &&
+      checkOutTime === null &&
+      timeElapsed(checkInTime, THRESH_HOLD)
+    ) {
       setStatus({
         status: "Request Regularize",
         action: ACTIONS.REGULARIZATION,
         disabled: false,
         text: "Regularizes",
-          color: 'btn-warning',
+        color: "btn-warning",
       });
-
+    } else if (
-      } 
+      activity === 1 &&
-      
+      checkInTime !== null &&
-      else if(activity === 1 && checkInTime !== null && checkOutTime === null && !timeElapsed(checkInTime,THRESH_HOLD)){
+      checkOutTime === null &&
+      !timeElapsed(checkInTime, THRESH_HOLD)
+    ) {
       setStatus({
         status: "Check-Out",
         action: ACTIONS.CHECK_OUT,
         disabled: false,
         text: "Check Out",
-          color: 'btn-primary',
+        color: "btn-primary",
       });
-      }else if(activity === 1 && checkInTime !== null && checkOutTime === null && timeElapsed(checkInTime,THRESH_HOLD)){
+    } else if (
+      activity === 1 &&
+      checkInTime !== null &&
+      checkOutTime === null &&
+      timeElapsed(checkInTime, THRESH_HOLD)
+    ) {
       setStatus({
         status: "Request Regularize",
         action: ACTIONS.REGULARIZATION,
         disabled: false,
         text: "Regularize",
-          color: 'btn-warning',
+        color: "btn-warning",
       });
-      } else if ( activity === 4 && checkInTime !== null && checkOutTime !== null && !timeElapsed( checkInTime, THRESH_HOLD ) )
+    } else if (
-        {
+      activity === 4 &&
-          
+      checkInTime !== null &&
-          if ( activity === 4 && checkInTime !== null && checkOutTime !== null && new Date(checkOutTime).toDateString() !== new Date().toDateString())
+      checkOutTime !== null &&
-          {
+      !timeElapsed(checkInTime, THRESH_HOLD)
-            setStatus( {
+    ) {
+      if (
+        activity === 4 &&
+        checkInTime !== null &&
+        checkOutTime !== null &&
+        new Date(checkOutTime).toDateString() !== new Date().toDateString()
+      ) {
+        setStatus({
           status: "Approved",
           action: ACTIONS.APPROVED,
           disabled: true,
           text: "Approved",
-              color: 'btn-success',
+          color: "btn-success",
-            } );
+        });
-          } else
+      } else {
-          {
+        setStatus({
-            setStatus( {
           status: "Check-In",
           action: ACTIONS.CHECK_IN,
           disabled: false,
           text: "Check In",
-              color: 'btn-primary',
+          color: "btn-primary",
-            } )
+        });
       }
-        } 
+    } else if (activity === 2 && checkInTime !== null) {
-        else if ( activity === 2 && checkInTime !== null )
-        {
       setStatus({
         status: "Requested",
         action: ACTIONS.REQUESTED,
         disabled: true,
         text: "Requested",
-          color: 'btn-info',
+        color: "btn-info",
       });
-      }else if(activity === 5 && checkInTime !== null  ){
+    } else if (activity === 5 && checkInTime !== null) {
-
-
       setStatus({
         status: "Rejected",
         action: ACTIONS.REJECTED,
         disabled: true,
         text: "Rejected",
-          color: 'btn-danger',
+        color: "btn-danger",
       });
-       
+    } else {
-      }else {
       setStatus({
         status: "Approved",
         action: ACTIONS.APPROVED,
         disabled: true,
         text: "Approved",
-          color: 'btn-success',
+        color: "btn-success",
       });
     }
-
-   
   }, [attendanceData]);
 
   return status;