added proper date

src/components/Expenses/ExpenseList.jsx

@@ -162,7 +162,7 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
   ];
 
   if (isInitialLoading) return <ExpenseTableSkeleton />;
-  if (isError) return <div>{error}</div>;
+  if (isError) return <div>{error.message}</div>;
 
   const grouped = groupBy
     ? groupByField(data?.data ?? [], groupBy)

src/components/Expenses/ExpenseStatusLogs.jsx

@@ -1,14 +1,19 @@
-import { useState } from "react";
+import { useState,useMemo } from "react";
 import Avatar from "../common/Avatar";
 import { formatUTCToLocalTime } from "../../utils/dateUtils";
 
+
 const ExpenseStatusLogs = ({ data }) => {
   const [visibleCount, setVisibleCount] = useState(4);
 
-  const logsToShow = [...(data?.expenseLogs || [])]
+  const sortedLogs = useMemo(() => {
-  .sort((a, b) => new Date(b.updateAt) - new Date(a.updateAt))
+    if (!data?.expenseLogs) return [];
-  .slice(0, visibleCount);
+    return [...data.expenseLogs].sort(
+      (a, b) => new Date(b.updateAt) - new Date(a.updateAt)
+    );
+  }, [data?.expenseLogs]);
 
+  const logsToShow = sortedLogs.slice(0, visibleCount);
 
   const handleShowMore = () => {
     setVisibleCount((prev) => prev + 4);
@@ -17,11 +22,8 @@ const ExpenseStatusLogs = ({ data }) => {
   return (
     <>
       <div className="row g-2">
-        {logsToShow.map((log, index) => (
+        {logsToShow.map((log) => (
-          <div
+          <div key={log.id} className="col-12 d-flex align-items-start mb-1">
-            key={log.id}
-            className="col-12 d-flex align-items-start mb-1"
-          >
             <Avatar
               size="xs"
               firstName={log.updatedBy.firstName}
@@ -29,20 +31,18 @@ const ExpenseStatusLogs = ({ data }) => {
             />
 
             <div className="flex-grow-1">
-              <div className="d-flex justify-content-start">
+              <div className="text-start">
-                <div className="text-start">
+                <div className="flex">
-                  <div >
+                  <span>{`${log.updatedBy.firstName} ${log.updatedBy.lastName}`}</span>
-                    <div className="flex">
+                  <small className="text-secondary text-tiny ms-2">
-                      <span>{`${log.updatedBy.firstName} ${log.updatedBy.lastName}`}</span>
+                    <em>{log.action}</em>
-                      <small className="text-secondary text-tiny ms-2">
+                  </small>
-                        <em>{log.action}</em>
+                  <span className="text-tiny text-secondary d-block" >
-                      </small>
+                    {formatUTCToLocalTime(log.updateAt,true)}
-                      <span className="text-tiny text-secondary d-block small">{formatUTCToLocalTime(log?.updateAt)}</span>
+                  </span>
-                    </div>
+                </div>
-                  </div>
+                <div className="d-flex align-items-center text-muted small mt-1">
-                  <div className="d-flex align-items-center text-muted small mt-1">
+                  <span>{log.comment}</span>
-                    <span className="small">{log.comment}</span>
-                  </div>
                 </div>
               </div>
             </div>
@@ -50,7 +50,7 @@ const ExpenseStatusLogs = ({ data }) => {
         ))}
       </div>
 
-      {data?.expenseLogs?.length > visibleCount && (
+      {sortedLogs.length > visibleCount && (
         <div className="text-center my-1">
           <button
             className="btn btn-xs btn-outline-primary"
@@ -64,4 +64,5 @@ const ExpenseStatusLogs = ({ data }) => {
   );
 };
 
+
 export default ExpenseStatusLogs;

src/components/Expenses/ManageExpense.jsx

@@ -548,7 +548,7 @@ const ManageExpense = ({ closeModal, expenseToEdit = null }) => {
           </div>
         </div>
 
-        <div className="d-flex justify-content-center gap-2">
+        <div className="d-flex justify-content-center gap-3">
           {" "}
           <button
             type="submit"

src/components/Expenses/ViewExpense.jsx

@@ -177,20 +177,19 @@ const ViewExpense = ({ ExpenseId }) => {
             <div className="text-muted">{data?.paymentMode?.name}</div>
           </div>
         </div>
-        <div className="col-md-6 mb-3">
+        {data?.gstNumber && (
-          <div className="d-flex">
+          <div className="col-md-6 mb-3">
-            <label
+            <div className="d-flex">
-              className="form-label me-2 mb-0 fw-semibold text-start"
+              <label
-              style={{ minWidth: "130px" }}
+                className="form-label me-2 mb-0 fw-semibold text-start"
-            >
+                style={{ minWidth: "130px" }}
-              GST Number :
+              >
-            </label>
+                GST Number :
-            <div className="text-muted">
+              </label>
-              {data?.gstNumber}
+              <div className="text-muted">{data?.gstNumber}</div>
             </div>
           </div>
-        </div>
+        )}
-       
 
         {/* Row 4 */}
         <div className="col-md-6 mb-3">
@@ -257,7 +256,7 @@ const ViewExpense = ({ ExpenseId }) => {
               >
                 Created By :
               </label>
-              <div className="d-flex align-items-center gap-1">
+              <div className="d-flex align-items-center">
                 <Avatar
                   size="xs"
                   classAvatar="m-0"
@@ -273,16 +272,26 @@ const ViewExpense = ({ ExpenseId }) => {
             </div>
           </div>
         )}
-         <div className="col-md-6 mb-3">
+        <div className="col-md-6 text-start">
-          <div className="d-flex">
+          <div className="d-flex align-items-center">
             <label
-              className="form-label me-2 mb-0 fw-semibold text-start"
+              className="form-label me-2 mb-0 fw-semibold"
               style={{ minWidth: "130px" }}
             >
-              Paid By :
+              Paid By:
             </label>
-            <div className="text-muted">
+            <div className="d-flex align-items-center ">
-              {data?.paidBy?.firstName} {data?.paidBy?.lastName}
+              <Avatar
+                size="xs"
+                classAvatar="m-0"
+                firstName={data.paidBy?.firstName}
+                lastName={data.paidBy?.lastName}
+              />
+              <span className="text-muted">
+                {`${data.paidBy?.firstName ?? ""} ${
+                  data.paidBy?.lastName ?? ""
+                }`.trim() || "N/A"}
+              </span>
             </div>
           </div>
         </div>
@@ -363,7 +372,7 @@ const ViewExpense = ({ ExpenseId }) => {
           )}
         </div>
       )}
-     <hr className="divider my-1 border-2 divider-primary my-2"/>
+      <hr className="divider my-1 border-2 divider-primary my-2" />
 
       {Array.isArray(data?.nextStatus) && data.nextStatus.length > 0 && (
         <>

src/components/common/DatePicker.jsx

@@ -30,8 +30,8 @@ const DatePicker = ({
           ? flatpickr.parseDate(value, "Y-m-d")
           : null,
         maxDate:maxDate,
-        minDate:new Date(minDate?.split("T")[0]) ?? undefined,
+        minDate:new Date(minDate?.split("T")[0]) ?? null,
-        onChange: function (selectedDates, dateStr) {
+        onChange:  (selectedDates, dateStr) => {
           onChange(dateStr); 
         },
         ...rest

src/hooks/usePositionTracker.js

@@ -1,20 +1,27 @@
 import { useState, useEffect } from 'react';
 import showToast from '../services/toastService';
 
-export const usePositionTracker = () => {
+let hasShownLocationErrorToast = false; // global flag
-    const [coords, setCoords] = useState({ latitude: 0, longitude: 0 });
 
-    useEffect(() => {
+export const usePositionTracker = () => {
-      const locationID = navigator.geolocation.watchPosition(
+  const [coords, setCoords] = useState({ latitude: 0, longitude: 0 });
-        ({ coords }) => {
+
-          setCoords(coords);
+  useEffect(() => {
-        },
+    const locationID = navigator.geolocation.watchPosition(
-        (error) => {
+      ({ coords }) => {
-          showToast("Please Allow Location","warn");
+        setCoords(coords);
-        },
+      },
-        { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
+      (error) => {
-      );
+        if (!hasShownLocationErrorToast) {
-      return () => navigator.geolocation.clearWatch(locationID);
+          showToast("Please Allow Location", "warn");
-    }, []);
+          hasShownLocationErrorToast = true;
-    return coords;
+        }
-  };
+      },
+      { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
+    );
+
+    return () => navigator.geolocation.clearWatch(locationID);
+  }, []);
+
+  return coords;
+};

src/pages/Activities/AttendancePage.jsx

@@ -27,7 +27,7 @@ const AttendancePage = () => {
   const [ShowPending, setShowPending] = useState(false);
   const queryClient = useQueryClient();
   const loginUser = getCachedProfileData();
-  var selectedProject = useSelector((store) => store.localVariables.projectId);
+  const selectedProject = useSelector((store) => store.localVariables.projectId);
   const dispatch = useDispatch();
 
   const [attendances, setAttendances] = useState();
@@ -155,28 +155,32 @@ const AttendancePage = () => {
               </button>
             </li>
           </ul>
-          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3" >
+          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3">
-            {activeTab === "all" && (
+  {selectedProject ? (
-                  <div className="tab-pane fade show active py-0">
+    <>
-                    <Attendance
+      {activeTab === "all" && (
-                      handleModalData={handleModalData}
+        <div className="tab-pane fade show active py-0">
-                      getRole={getRole}
+          <Attendance handleModalData={handleModalData} getRole={getRole} />
-                    />
+        </div>
-                  </div>
+      )}
-            )}
+      {activeTab === "logs" && (
-            {activeTab === "logs" && (
+        <div className="tab-pane fade show active py-0">
-              <div className="tab-pane fade show active py-0">
+          <AttendanceLog handleModalData={handleModalData} />
-                <AttendanceLog
+        </div>
-                  handleModalData={handleModalData}
+      )}
-                />
+      {activeTab === "regularization" && DoRegularized && (
-              </div>
+        <div className="tab-pane fade show active py-0">
-            )}
+          <Regularization />
-            {activeTab === "regularization" && DoRegularized && (
+        </div>
-              <div className="tab-pane fade show active py-0">
+      )}
-                <Regularization />
+    </>
-              </div>
+  ) : (
-            )}
+   <div className="py-2">
-          </div>
+     <small className="py-2">Please Select Project!</small>
+   </div>
+  )}
+</div>
+
         </div>
       </div>
     </>