src/components/Activities/AttendcesLogs.jsx

@@ -4,7 +4,7 @@ import Avatar from "../common/Avatar";
 import { convertShortTime } from "../../utils/dateUtils";
 import RenderAttendanceStatus from "./RenderAttendanceStatus";
 import { useSelector, useDispatch } from "react-redux";
-import { fetchAttendanceData } from "../../slices/apiSlice/attedanceLogsSlice";
+import { fetchAttendanceData, setAttendanceData } from "../../slices/apiSlice/attedanceLogsSlice";
 import DateRangePicker from "../common/DateRangePicker";
 import eventBus from "../../services/eventBus";
 
@@ -28,14 +28,15 @@ const usePagination = (data, itemsPerPage) => {
     }
   }, [maxPage]);
 
-  const resetPage = useCallback(() => setCurrentPage(1), []); // This is returned by the hook
+  // Ensure resetPage is returned by the hook
+  const resetPage = useCallback(() => setCurrentPage(1), []);
 
   return {
     currentPage,
     totalPages: maxPage,
     currentItems,
     paginate,
-    resetPage, // Ensure resetPage is returned here
+    resetPage,
   };
 };
 
@@ -177,7 +178,12 @@ const AttendanceLog = ({
     resetPage, // Destructure resetPage here
   } = usePagination(processedData, 20);
 
-const handler = useCallback(
+  // Effect to reset pagination when search query changes
+  useEffect(() => {
+    resetPage();
+  }, [searchQuery, resetPage]); // Add resetPage to dependencies
+
+  const handler = useCallback(
     (msg) => {
       const { startDate, endDate } = dateRange;
       const checkIn = msg.response.checkInTime.substring(0, 10);
@@ -191,12 +197,11 @@ const handler = useCallback(
             ? { ...item, ...msg.response }
             : item
         );
-
+        dispatch(setAttendanceData(updatedAttendance)); // Update Redux store
-      filtering(updatedAttendance);
       }
     },
-  [projectId, dateRange, data, filtering] // ✅ removed resetPage from deps
+    [projectId, dateRange, data, dispatch]
-);
+  );
 
   useEffect(() => {
   useEffect(() => {
@@ -368,8 +373,7 @@ const handler = useCallback(
               No employee logs.
             </div>
           )
-        )
+        )}
-        }
       </div>
       {!loading && !isRefreshing && processedData.length > 20 && (
         <nav aria-label="Page ">