7 changed files with 86 additions and 107 deletions
--- a/src/components/Expenses/ExpenseList.jsx
+++ b/src/components/Expenses/ExpenseList.jsx
@ -162,7 +162,7 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
  ];

  if (isInitialLoading) return <ExpenseTableSkeleton />;
-  if (isError) return <div>{error.message}</div>;
+  if (isError) return <div>{error}</div>;

  const grouped = groupBy
    ? groupByField(data?.data ?? [], groupBy)
--- a/src/components/Expenses/ExpenseStatusLogs.jsx
+++ b/src/components/Expenses/ExpenseStatusLogs.jsx
@ -1,19 +1,14 @@
-import { useState,useMemo } from "react";
+import { useState } from "react";
 import Avatar from "../common/Avatar";
 import { formatUTCToLocalTime } from "../../utils/dateUtils";

-
 const ExpenseStatusLogs = ({ data }) => {
  const [visibleCount, setVisibleCount] = useState(4);

-  const sortedLogs = useMemo(() => {
-    if (!data?.expenseLogs) return [];
-    return [...data.expenseLogs].sort(
-      (a, b) => new Date(b.updateAt) - new Date(a.updateAt)
-    );
-  }, [data?.expenseLogs]);
+  const logsToShow = [...(data?.expenseLogs || [])]
+  .sort((a, b) => new Date(b.updateAt) - new Date(a.updateAt))
+  .slice(0, visibleCount);

-  const logsToShow = sortedLogs.slice(0, visibleCount);

  const handleShowMore = () => {
    setVisibleCount((prev) => prev + 4);
@ -22,8 +17,11 @@ const ExpenseStatusLogs = ({ data }) => {
  return (
    <>
      <div className="row g-2">
-        {logsToShow.map((log) => (
-          <div key={log.id} className="col-12 d-flex align-items-start mb-1">
+        {logsToShow.map((log, index) => (
+          <div
+            key={log.id}
+            className="col-12 d-flex align-items-start mb-1"
+          >
            <Avatar
              size="xs"
              firstName={log.updatedBy.firstName}
@ -31,18 +29,20 @@ const ExpenseStatusLogs = ({ data }) => {
            />

            <div className="flex-grow-1">
-              <div className="text-start">
-                <div className="flex">
-                  <span>{`${log.updatedBy.firstName} ${log.updatedBy.lastName}`}</span>
-                  <small className="text-secondary text-tiny ms-2">
-                    <em>{log.action}</em>
-                  </small>
-                  <span className="text-tiny text-secondary d-block" >
-                    {formatUTCToLocalTime(log.updateAt,true)}
-                  </span>
-                </div>
-                <div className="d-flex align-items-center text-muted small mt-1">
-                  <span>{log.comment}</span>
+              <div className="d-flex justify-content-start">
+                <div className="text-start">
+                  <div >
+                    <div className="flex">
+                      <span>{`${log.updatedBy.firstName} ${log.updatedBy.lastName}`}</span>
+                      <small className="text-secondary text-tiny ms-2">
+                        <em>{log.action}</em>
+                      </small>
+                      <span className="text-tiny text-secondary d-block small">{formatUTCToLocalTime(log?.updateAt)}</span>
+                    </div>
+                  </div>
+                  <div className="d-flex align-items-center text-muted small mt-1">
+                    <span className="small">{log.comment}</span>
+                  </div>
                </div>
              </div>
            </div>
@ -50,7 +50,7 @@ const ExpenseStatusLogs = ({ data }) => {
        ))}
      </div>

-      {sortedLogs.length > visibleCount && (
+      {data?.expenseLogs?.length > visibleCount && (
        <div className="text-center my-1">
          <button
            className="btn btn-xs btn-outline-primary"
@ -64,5 +64,4 @@ const ExpenseStatusLogs = ({ data }) => {
  );
 };

-
 export default ExpenseStatusLogs;
--- a/src/components/Expenses/ManageExpense.jsx
+++ b/src/components/Expenses/ManageExpense.jsx
@ -548,7 +548,7 @@ const ManageExpense = ({ closeModal, expenseToEdit = null }) => {
          </div>
        </div>

-        <div className="d-flex justify-content-center gap-3">
+        <div className="d-flex justify-content-center gap-2">
          {" "}
          <button
            type="submit"
--- a/src/components/Expenses/ViewExpense.jsx
+++ b/src/components/Expenses/ViewExpense.jsx
@ -177,19 +177,20 @@ const ViewExpense = ({ ExpenseId }) => {
            <div className="text-muted">{data?.paymentMode?.name}</div>
          </div>
        </div>
-        {data?.gstNumber && (
-          <div className="col-md-6 mb-3">
-            <div className="d-flex">
-              <label
-                className="form-label me-2 mb-0 fw-semibold text-start"
-                style={{ minWidth: "130px" }}
-              >
-                GST Number :
-              </label>
-              <div className="text-muted">{data?.gstNumber}</div>
+        <div className="col-md-6 mb-3">
+          <div className="d-flex">
+            <label
+              className="form-label me-2 mb-0 fw-semibold text-start"
+              style={{ minWidth: "130px" }}
+            >
+              GST Number :
+            </label>
+            <div className="text-muted">
+              {data?.gstNumber}
            </div>
          </div>
-        )}
+        </div>
+       

        {/* Row 4 */}
        <div className="col-md-6 mb-3">
@ -256,7 +257,7 @@ const ViewExpense = ({ ExpenseId }) => {
              >
                Created By :
              </label>
-              <div className="d-flex align-items-center">
+              <div className="d-flex align-items-center gap-1">
                <Avatar
                  size="xs"
                  classAvatar="m-0"
@ -272,26 +273,16 @@ const ViewExpense = ({ ExpenseId }) => {
            </div>
          </div>
        )}
-        <div className="col-md-6 text-start">
-          <div className="d-flex align-items-center">
+         <div className="col-md-6 mb-3">
+          <div className="d-flex">
            <label
-              className="form-label me-2 mb-0 fw-semibold"
+              className="form-label me-2 mb-0 fw-semibold text-start"
              style={{ minWidth: "130px" }}
            >
-              Paid By:
+              Paid By :
            </label>
-            <div className="d-flex align-items-center ">
-              <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 className="text-muted">
+              {data?.paidBy?.firstName} {data?.paidBy?.lastName}
            </div>
          </div>
        </div>
@ -372,7 +363,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 && (
        <>
--- a/src/components/common/DatePicker.jsx
+++ b/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]) ?? null,
-        onChange:  (selectedDates, dateStr) => {
+        minDate:new Date(minDate?.split("T")[0]) ?? undefined,
+        onChange: function (selectedDates, dateStr) {
          onChange(dateStr); 
        },
        ...rest
--- a/src/hooks/usePositionTracker.js
+++ b/src/hooks/usePositionTracker.js
@ -1,27 +1,20 @@
 import { useState, useEffect } from 'react';
 import showToast from '../services/toastService';

-let hasShownLocationErrorToast = false; // global flag
-
 export const usePositionTracker = () => {
-  const [coords, setCoords] = useState({ latitude: 0, longitude: 0 });
+    const [coords, setCoords] = useState({ latitude: 0, longitude: 0 });

-  useEffect(() => {
-    const locationID = navigator.geolocation.watchPosition(
-      ({ coords }) => {
-        setCoords(coords);
-      },
-      (error) => {
-        if (!hasShownLocationErrorToast) {
-          showToast("Please Allow Location", "warn");
-          hasShownLocationErrorToast = true;
-        }
-      },
-      { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
-    );
-
-    return () => navigator.geolocation.clearWatch(locationID);
-  }, []);
-
-  return coords;
-};
+    useEffect(() => {
+      const locationID = navigator.geolocation.watchPosition(
+        ({ coords }) => {
+          setCoords(coords);
+        },
+        (error) => {
+          showToast("Please Allow Location","warn");
+        },
+        { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
+      );
+      return () => navigator.geolocation.clearWatch(locationID);
+    }, []);
+    return coords;
+  };
--- a/src/pages/Activities/AttendancePage.jsx
+++ b/src/pages/Activities/AttendancePage.jsx
@ -27,7 +27,7 @@ const AttendancePage = () => {
  const [ShowPending, setShowPending] = useState(false);
  const queryClient = useQueryClient();
  const loginUser = getCachedProfileData();
-  const selectedProject = useSelector((store) => store.localVariables.projectId);
+  var selectedProject = useSelector((store) => store.localVariables.projectId);
  const dispatch = useDispatch();

  const [attendances, setAttendances] = useState();
@ -155,32 +155,28 @@ const AttendancePage = () => {
              </button>
            </li>
          </ul>
-          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3">
-  {selectedProject ? (
-    <>
-      {activeTab === "all" && (
-        <div className="tab-pane fade show active py-0">
-          <Attendance handleModalData={handleModalData} getRole={getRole} />
-        </div>
-      )}
-      {activeTab === "logs" && (
-        <div className="tab-pane fade show active py-0">
-          <AttendanceLog handleModalData={handleModalData} />
-        </div>
-      )}
-      {activeTab === "regularization" && DoRegularized && (
-        <div className="tab-pane fade show active py-0">
-          <Regularization />
-        </div>
-      )}
-    </>
-  ) : (
-   <div className="py-2">
-     <small className="py-2">Please Select Project!</small>
-   </div>
-  )}
-</div>
-
+          <div className="tab-content attedanceTabs py-0 px-1 px-sm-3" >
+            {activeTab === "all" && (
+                  <div className="tab-pane fade show active py-0">
+                    <Attendance
+                      handleModalData={handleModalData}
+                      getRole={getRole}
+                    />
+                  </div>
+            )}
+            {activeTab === "logs" && (
+              <div className="tab-pane fade show active py-0">
+                <AttendanceLog
+                  handleModalData={handleModalData}
+                />
+              </div>
+            )}
+            {activeTab === "regularization" && DoRegularized && (
+              <div className="tab-pane fade show active py-0">
+                <Regularization />
+              </div>
+            )}
+          </div>
        </div>
      </div>
    </>