From c0ac2295d05b390aba23a82484ea31d3b1c507e7 Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Mon, 12 May 2025 10:35:23 +0530
Subject: [PATCH 01/13] Remove warnings ref:
 https://reactrouter.com/6.30.0/upgrading/future#v7_starttransition

---
 src/router/AppRoutes.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/router/AppRoutes.jsx b/src/router/AppRoutes.jsx
index ad38bc2d..6fbeefa0 100644
--- a/src/router/AppRoutes.jsx
+++ b/src/router/AppRoutes.jsx
@@ -51,7 +51,7 @@ const router = createBrowserRouter(
     },
     {
       element: <ProtectedRoute />,
-      errorElement:<ErrorPage/>,
+      errorElement: <ErrorPage />,
       children: [
         {
           element: <HomeLayout />,
@@ -90,6 +90,10 @@ const router = createBrowserRouter(
     future: {
       v7_relativeSplatPath: true,
       v7_startTransition: true,
+      v7_fetcherPersist: true,
+      v7_normalizeFormMethod: true,
+      v7_partialHydration: true,
+      v7_skipActionErrorRevalidation: true,
     },
   }
 );

From b39effe4b012f26473d1de2b1af1b8a8c97594da Mon Sep 17 00:00:00 2001
From: "ashutosh.nehete" <ashutosh.nehete@marcoaiot.com>
Date: Mon, 12 May 2025 13:11:29 +0530
Subject: [PATCH 02/13] Added a Work Category dropdown in task create/update
 forms and a new column to display the category in Project Infrastructure and
 Daily Task Planning views.

---
 .../Infrastructure/EditActivityModal.jsx      |  86 +++++++++---
 .../Project/Infrastructure/TaskModel.jsx      | 125 +++++++++++++-----
 .../Project/Infrastructure/WorkArea.jsx       |   3 +
 .../Project/Infrastructure/WorkItem.jsx       |   9 ++
 src/hooks/masterHook/useMaster.js             |  35 ++++-
 5 files changed, 210 insertions(+), 48 deletions(-)

diff --git a/src/components/Project/Infrastructure/EditActivityModal.jsx b/src/components/Project/Infrastructure/EditActivityModal.jsx
index e8927ae3..43724307 100644
--- a/src/components/Project/Infrastructure/EditActivityModal.jsx
+++ b/src/components/Project/Infrastructure/EditActivityModal.jsx
@@ -3,7 +3,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
-import { useActivitiesMaster } from "../../../hooks/masterHook/useMaster";
+import { useActivitiesMaster, useWorkCategoriesMaster } from "../../../hooks/masterHook/useMaster";
 import { useProjectDetails } from "../../../hooks/useProjects";
 import { useDispatch, useSelector } from "react-redux";
 import ProjectRepository from "../../../repositories/ProjectRepository";
@@ -18,6 +18,7 @@ import showToast from "../../../services/toastService";
 const taskSchema = z
   .object({
     activityID: z.string().min(1, "Activity is required"),
+    workCategoryId: z.string().min(1, "Work Category is required"),
     plannedWork: z.number().min(1, "Planned Work must be greater than 0"),
     completedWork: z.number().min(0, "Completed Work must be greater than 0"),
   })
@@ -43,17 +44,21 @@ const EditActivityModal = ({
   );
   const defaultModel = {
     activityID: 0,
+    workCategoryId: 0,
     plannedWork: 0,
     completedWork: 0,
   };
 
-  const {projects_Details, refetch} = useProjectDetails( selectedProject );
-  const [ActivityUnit,setActivityUnit]= useState("")
+  const { projects_Details, refetch } = useProjectDetails(selectedProject);
+  const [ActivityUnit, setActivityUnit] = useState("");
   const { activities, loading, error } = useActivitiesMaster();
+  const { categories, categoryLoading, categoryError } =
+    useWorkCategoriesMaster();
   const [formData, setFormData] = useState(defaultModel);
   const [selectedActivity, setSelectedActivity] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [activityData, setActivityData] = useState([]);
+  const [categoryData, setCategoryData] = useState([]);
   const dispatch = useDispatch();
 
   const {
@@ -70,12 +75,19 @@ const EditActivityModal = ({
   });
 
   const handleActivityChange = (e) => {
-    const selectedId = Number(e.target.value);
+    const selectedId = String(e.target.value);
     const selected = activityData.find((a) => a.id === selectedId);
     setSelectedActivity(selected || null);
     setValue("activityID", selectedId);
   };
 
+  const handleCategoryChange = (e) => {
+    const selectedId = String(e.target.value);
+    const category = categoryData.find((b) => b.id === selectedId);
+    setSelectedCategory(category || null);
+    setValue("workCategoryId", selectedId);
+  };
+
   const onSubmitForm = async (data) => {
     const updatedProject = { ...projects_Details };
     const finalData = {
@@ -141,14 +153,14 @@ const EditActivityModal = ({
             data: newProject,
           });
           resetForm();
-          dispatch( refreshData( true ) );
-          showToast("Activity Updated Successfully","success")
+          dispatch(refreshData(true));
+          showToast("Activity Updated Successfully", "success");
 
           onClose();
         }
       })
       .catch((error) => {
-        showToast(error.message, "error");
+        showToast(error?.response?.data?.message || error.message, "error");
       });
   };
 
@@ -161,6 +173,8 @@ const EditActivityModal = ({
   useEffect(() => {
     reset({
       activityID: workItem?.workItem?.activityId || workItem?.activityId || 0,
+      workCategoryId:
+        workItem?.workItem?.workCategoryId || workItem?.workCategoryId || 0,
       plannedWork:
         workItem?.workItem?.plannedWork || workItem?.plannedWork || 0,
       completedWork:
@@ -171,14 +185,13 @@ const EditActivityModal = ({
 
   const ISselectedActivity = watch("activityID");
   useEffect(() => {
-    if( ISselectedActivity ){
+    if (ISselectedActivity) {
       const selected = activities.find((a) => a.id === ISselectedActivity);
-      setSelectedActivity( selected || null );
-      setActivityUnit(selected?.unitOfMeasurement)
-  }
-  }, [ ISselectedActivity,activities] );
-  
-  
+      setSelectedActivity(selected || null);
+      setActivityUnit(selected?.unitOfMeasurement);
+    }
+  }, [ISselectedActivity, activities]);
+
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -273,6 +286,45 @@ const EditActivityModal = ({
                 )}
               </div>
 
+              {/* Select Category */}
+              <div className="col-12 col-md-12">
+                <label className="form-label" htmlFor="activityID">
+                  Select Work Category
+                </label>
+                <select
+                  id="workCategoryId"
+                  className="form-select form-select-sm"
+                  {...register("workCategoryId")}
+                >
+                  {loading ? (
+                    <option value="">Loading...</option>
+                  ) : (
+                    <option disabled>Select Category</option>
+                  )}
+                  {categories &&
+                    categories.length > 0 &&
+                    categories
+                      .slice()
+                      .sort((a, b) =>
+                        (a.name || "").localeCompare(
+                          b.name || ""
+                        )
+                      )
+                      .map((category) => (
+                        <option key={category.id} value={category.id}>
+                          {category.name}
+                        </option>
+                      ))}
+                  {!loading && categories.length === 0 && (
+                    <option disabled>No categories available</option>
+                  )}
+                </select>
+
+                {errors.workCategoryId && (
+                  <p className="danger-text">{errors.workCategoryId.message}</p>
+                )}
+              </div>
+
               {/* Planned Work */}
               {/* {ISselectedActivity && ( */}
               <div className="col-5 col-md-5">
@@ -327,7 +379,11 @@ const EditActivityModal = ({
               {/* )} */}
 
               <div className="col-12 text-center">
-                <button type="submit" className="btn btn-sm btn-primary me-3" disabled={activities.length === 0}>
+                <button
+                  type="submit"
+                  className="btn btn-sm btn-primary me-3"
+                  disabled={activities.length === 0}
+                >
                   {isSubmitting ? "Please Wait.." : "Edit Task"}
                 </button>
                 <button
diff --git a/src/components/Project/Infrastructure/TaskModel.jsx b/src/components/Project/Infrastructure/TaskModel.jsx
index 43cb1c5b..087a731e 100644
--- a/src/components/Project/Infrastructure/TaskModel.jsx
+++ b/src/components/Project/Infrastructure/TaskModel.jsx
@@ -2,23 +2,28 @@ import React, { useState, useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import  {useActivitiesMaster} from "../../../hooks/masterHook/useMaster";
+import {
+  useActivitiesMaster,
+  useWorkCategoriesMaster,
+} from "../../../hooks/masterHook/useMaster";
 
 const taskSchema = z.object({
   buildingID: z.string().min(1, "Building is required"),
   floorId: z.string().min(1, "Floor is required"),
   workAreaId: z.string().min(1, "Work Area is required"),
   activityID: z.string().min(1, "Activity is required"),
+  workCategoryId: z.string().min(1, "Work Category is required"),
   plannedWork: z.number().min(1, "Planned Work must be greater than 0"),
   completedWork: z.number().min(0, "Completed Work must be greater than 0"),
 });
 
 const defaultModel = {
   id: null,
-  buildingID:"0",
+  buildingID: "0",
   floorId: "0",
   workAreaId: "0",
   activityID: null,
+  workCategoryId: "",
   plannedWork: 0,
   completedWork: 0,
 };
@@ -30,15 +35,18 @@ const TaskModel = ({
   onClearComplete,
   onClose,
 }) => {
-
   const [formData, setFormData] = useState(defaultModel);
   const [selectedBuilding, setSelectedBuilding] = useState(null);
   const [selectedFloor, setSelectedFloor] = useState(null);
   const [selectedWorkArea, setSelectedWorkArea] = useState(null);
   const [selectedActivity, setSelectedActivity] = useState(null);
+  const [selectedCategory, setSelectedCategory] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [activityData, setActivityData] = useState([]);
-  const {activities, loading, error} = useActivitiesMaster();
+  const [categoryData, setCategoryData] = useState([]);
+  const { activities, loading, error } = useActivitiesMaster();
+  const { categories, categoryLoading, categoryError } =
+    useWorkCategoriesMaster();
 
   const {
     register,
@@ -79,6 +87,7 @@ const TaskModel = ({
       floorId: value,
       workAreaId: 0,
       activityID: 0,
+      workCategoryId: categoryData?.[0]?.id?.toString() ?? "",
     }));
   };
 
@@ -104,13 +113,24 @@ const TaskModel = ({
     }));
   };
 
-  const onSubmitForm = async ( data ) =>
-  {
+  const handleCategoryChange = (e) => {
+    const { value } = e.target;
+    const category = categoryData.find((b) => b.id === String(value));
+    setSelectedCategory(category);
+    reset((prev) => ({
+      ...prev,
+      workCategoryId: String(value),
+    }));
+  };
+
+  const onSubmitForm = async (data) => {
+    console.log(data);
     setIsSubmitting(true);
     await onSubmit(data);
     setValue("plannedWork", 0);
-    setValue( "completedWork", 0 );
-    setValue("activityID",0)
+    setValue("completedWork", 0);
+    setValue("activityID", 0);
+    setValue("workCategoryId", categoryData?.[0]?.id?.toString() ?? "");
     setIsSubmitting(false);
   };
 
@@ -120,15 +140,32 @@ const TaskModel = ({
     setSelectedFloor(null);
     setSelectedWorkArea(null);
     setSelectedActivity(null);
+    setSelectedCategory(categoryData?.[0]?.id?.toString() ?? "");
     reset(defaultModel);
   };
 
   useEffect(() => {
     if (!loading && Array.isArray(activities) && activities.length > 0) {
-     
       setActivityData(activities);
     }
   }, [activities, loading]);
+
+  useEffect(() => {
+    if (
+      !categoryLoading &&
+      Array.isArray(categories) &&
+      categories.length > 0
+    ) {
+      const newCategories = categories?.slice()?.sort((a, b) => {
+        const nameA = a?.name || "";
+        const nameB = b?.name || "";
+        return nameA.localeCompare(nameB);
+      });
+      setCategoryData(newCategories);
+      setSelectedCategory(newCategories[0])
+    }
+  }, [categories, categoryLoading]);
+
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -247,9 +284,7 @@ const TaskModel = ({
 
               {selectedWorkArea && (
                 <div className="col-12 col-md-12">
-                  <label className="form-label" >
-                    Select Activity
-                  </label>
+                  <label className="form-label">Select Activity</label>
                   <select
                     id="activityID"
                     className="form-select form-select-sm"
@@ -257,28 +292,25 @@ const TaskModel = ({
                     onChange={handleActivityChange}
                   >
                     <option value="0">Select Activity</option>
-                    {activityData && activityData.length > 0 &&  (
+                    {activityData &&
+                      activityData.length > 0 &&
                       activityData
                         ?.slice()
-                        ?.sort( ( a, b ) =>
-                        {
+                        ?.sort((a, b) => {
                           const nameA = a?.activityName || "";
                           const nameB = b?.activityName || "";
-                          return nameA.localeCompare( nameB );
-                        } )
-                        ?.map( ( activity ) => (
+                          return nameA.localeCompare(nameB);
+                        })
+                        ?.map((activity) => (
                           <option key={activity.id} value={activity.id}>
-                            {
-                              activity.activityName ||
-                             
-                              `Unnamed (id: ${ activity.id })`}
+                            {activity.activityName ||
+                              `Unnamed (id: ${activity.id})`}
                           </option>
-                        ) )
-                    ) }
-                    {(!loading && activities.length === 0 )&& (
+                        ))}
+                    {!loading && activities.length === 0 && (
                       <option disabled>No activities available</option>
                     )}
-                    {loading && ( <option disabled>Loading...</option>)}
+                    {loading && <option disabled>Loading...</option>}
                   </select>
 
                   {errors.activityID && (
@@ -287,7 +319,38 @@ const TaskModel = ({
                 </div>
               )}
 
-              {selectedActivity && (
+              {selectedWorkArea && (
+                <div className="col-12 col-md-12">
+                  <label className="form-label">Select Work Category</label>
+                  <select
+                    id="workCategoryId"
+                    className="form-select form-select-sm"
+                    {...register("workCategoryId")}
+                    onChange={handleCategoryChange}
+                  >
+                    {categoryData &&
+                      categoryData.length > 0 &&
+                      categoryData
+                        ?.map((category) => (
+                          <option key={category.id} value={category.id}>
+                            {category.name || `Unnamed (id: ${category.id})`}
+                          </option>
+                        ))}
+                    {!categoryLoading && categories.length === 0 && (
+                      <option disabled>No activities available</option>
+                    )}
+                    {categoryLoading && <option disabled>Loading...</option>}
+                  </select>
+
+                  {errors.workCategoryId && (
+                    <p className="danger-text">
+                      {errors.workCategoryId.message}
+                    </p>
+                  )}
+                </div>
+              )}
+
+              {selectedActivity && selectedCategory && (
                 <div className="col-5 col-md-5">
                   <label className="form-label" htmlFor="plannedWork">
                     {formData.id !== "0" ? "Modify " : "Enter "} Planned Work
@@ -304,7 +367,7 @@ const TaskModel = ({
                 </div>
               )}
 
-              {selectedActivity && (
+              {selectedActivity && selectedCategory && (
                 <div className="col-5 col-md-5">
                   <label className="form-label" htmlFor="completedWork">
                     {formData.id !== "0" ? "Modify " : "Enter "} Completed Work
@@ -324,7 +387,7 @@ const TaskModel = ({
               )}
 
               {/* Unit */}
-              {selectedActivity && (
+              {selectedActivity && selectedCategory && (
                 <div className="col-2 col-md-2">
                   <label className="form-label" htmlFor="unit">
                     Unit
@@ -340,9 +403,7 @@ const TaskModel = ({
 
               <div className="col-12 text-center">
                 <button type="submit" className="btn btn-sm btn-primary me-3">
-                  {isSubmitting
-                    ? "Please Wait.."
-                    : "Add Task"}
+                  {isSubmitting ? "Please Wait.." : "Add Task"}
                 </button>
                 <button
                   type="button"
diff --git a/src/components/Project/Infrastructure/WorkArea.jsx b/src/components/Project/Infrastructure/WorkArea.jsx
index 9e796dd6..b48adc33 100644
--- a/src/components/Project/Infrastructure/WorkArea.jsx
+++ b/src/components/Project/Infrastructure/WorkArea.jsx
@@ -121,6 +121,9 @@ const WorkArea = ({ workArea, floor, forBuilding }) => {
                   <th className="infra-activity-table-header d-sm-none d-sm-table-cell">
                     Status
                   </th>
+                  <th className="infra-activity-table-header-first">
+                    Category
+                  </th>
                   {/* for greather than mobile view ************* */}
                   <th className="infra-activity-table-header d-none d-md-table-cell">
                     Planned
diff --git a/src/components/Project/Infrastructure/WorkItem.jsx b/src/components/Project/Infrastructure/WorkItem.jsx
index 965f44f1..2799f398 100644
--- a/src/components/Project/Infrastructure/WorkItem.jsx
+++ b/src/components/Project/Infrastructure/WorkItem.jsx
@@ -160,6 +160,15 @@ const WorkItem = ( {
             ? NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork
             : "NA"}
         </td>
+
+        <td className="text-start table-cell-small">
+          <span className="fw-light">
+            {hasWorkItem
+              ? NewWorkItem?.workItem?.workCategoryMaster?.name ||
+                workItem.workCategoryMaster?.name || "NA"
+              : "NA"}
+          </span>
+        </td>
         {/* for greather than mobile view ************* */}
         <td className="text-center d-none d-md-table-cell">
           {hasWorkItem
diff --git a/src/hooks/masterHook/useMaster.js b/src/hooks/masterHook/useMaster.js
index 33e284cc..8ab98397 100644
--- a/src/hooks/masterHook/useMaster.js
+++ b/src/hooks/masterHook/useMaster.js
@@ -116,4 +116,37 @@ export const useActivitiesMaster = () =>
     }, [] )
     
     return {activities,loading,error}
-  }
\ No newline at end of file
+  }
+
+  export const useWorkCategoriesMaster = () =>
+    {
+      const [ categories, setCategories ] = useState( [] )
+      const [ categoryLoading, setloading ] = useState( false );
+      const [ categoryError, setError ] = useState( "" )
+    
+        const fetchCategories =async () =>  {
+          const cacheddata = getCachedData("Work Category");
+    
+          if (!cacheddata) {
+            setloading(true);
+            try {
+              const response = await MasterRespository.getWorkCategory();
+              setCategories(response.data);
+              cacheData("Work Category", response.data);
+            } catch (err) {
+              setError(err);
+              console.log(err);
+            } finally {
+              setloading(false);
+            }
+          } else {
+            setCategories(cacheddata);
+          }
+         }
+      useEffect( () =>
+      {
+        fetchCategories()
+      }, [] )
+      
+      return {categories,categoryLoading,categoryError}
+    }
\ No newline at end of file

From 216e9b0db07891a3c4835a2836696fa74937b9e4 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 12 May 2025 11:33:04 +0530
Subject: [PATCH 03/13] updated regularization logic based on 48-hour checkout
 threshold for attendanceLogs.

---
 src/components/Activities/AttendLogs.jsx | 66 ++++++++++++++++++------
 1 file changed, 49 insertions(+), 17 deletions(-)

diff --git a/src/components/Activities/AttendLogs.jsx b/src/components/Activities/AttendLogs.jsx
index b246768b..0ae97b8f 100644
--- a/src/components/Activities/AttendLogs.jsx
+++ b/src/components/Activities/AttendLogs.jsx
@@ -2,12 +2,27 @@ import React, { useEffect, useState } from "react";
 import { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
 import { convertShortTime } from "../../utils/dateUtils";
 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="Regularize 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"
@@ -79,6 +110,7 @@ const AttendLogs = ({ Id }) => {
     const url = `https://www.google.com/maps?q=${lat},${lng}`;
     window.open(url, "_blank"); // Open in new tab
   };
+
   useEffect(() => {
     const tooltipTriggerList = Array.from(
       document.querySelectorAll('[data-bs-toggle="tooltip"]')
@@ -122,11 +154,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 ? (
                         <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"

From af6a6faa462853ee2dab8244a04de61c8a1bb2df Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Sun, 11 May 2025 01:04:40 +0530
Subject: [PATCH 04/13]  ensure activity updates reflect in Daily Task Planning
 without page refresh

---
 src/components/Activities/InfraPlanning.jsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/Activities/InfraPlanning.jsx b/src/components/Activities/InfraPlanning.jsx
index ef417ded..b38316d7 100644
--- a/src/components/Activities/InfraPlanning.jsx
+++ b/src/components/Activities/InfraPlanning.jsx
@@ -13,7 +13,7 @@ import {useHasUserPermission} from "../../hooks/useHasUserPermission";
 import {MANAGE_PROJECT_INFRA} from "../../utils/constants";
 import {useDispatch, useSelector} from "react-redux";
 import {useProfile} from "../../hooks/useProfile";
-import {setProjectId} from "../../slices/localVariablesSlice";
+import {refreshData, setProjectId} from "../../slices/localVariablesSlice";
 import InfraTable from "../Project/Infrastructure/InfraTable";
 
 
@@ -25,11 +25,23 @@ const InfraPlanning = () =>
 
   const selectedProject = useSelector((store)=>store.localVariables.projectId)
   const ManageInfra = useHasUserPermission( MANAGE_PROJECT_INFRA )
-  const {projects_Details, loading: project_deatilsLoader, error: project_error} = useProjectDetails(selectedProject)
+  const {projects_Details, loading: project_deatilsLoader, error: project_error,refetch} = useProjectDetails( selectedProject )
+  const reloadedData = useSelector( ( store ) => store.localVariables.reload )
+ 
   useEffect( () =>
   {
     dispatch(setProjectId(projects[0]?.id))
-  },[projects])
+  }, [ projects ] )
+  
+   useEffect( () =>
+   {
+     if (reloadedData)
+     {
+       refetch()
+       dispatch( refreshData( false ) )
+     }
+
+   },[reloadedData])
 
   return (
     <div className="col-md-12 col-lg-12 col-xl-12 order-0 mb-4">

From 292c9209418224479e3855131491f7da6e92d313 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Sun, 11 May 2025 01:12:08 +0530
Subject: [PATCH 05/13] added loader during submitting form data.

---
 .../Project/Infrastructure/EditActivityModal.jsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Project/Infrastructure/EditActivityModal.jsx b/src/components/Project/Infrastructure/EditActivityModal.jsx
index e8927ae3..59509509 100644
--- a/src/components/Project/Infrastructure/EditActivityModal.jsx
+++ b/src/components/Project/Infrastructure/EditActivityModal.jsx
@@ -71,12 +71,14 @@ const EditActivityModal = ({
 
   const handleActivityChange = (e) => {
     const selectedId = Number(e.target.value);
-    const selected = activityData.find((a) => a.id === selectedId);
+    const selected = activityData.find( ( a ) => a.id === selectedId );
     setSelectedActivity(selected || null);
     setValue("activityID", selectedId);
   };
 
-  const onSubmitForm = async (data) => {
+  const onSubmitForm = async ( data ) =>
+  {
+    setIsSubmitting(true)
     const updatedProject = { ...projects_Details };
     const finalData = {
       ...data,
@@ -142,13 +144,17 @@ const EditActivityModal = ({
           });
           resetForm();
           dispatch( refreshData( true ) );
+          setIsSubmitting(false)
           showToast("Activity Updated Successfully","success")
-
           onClose();
         }
       })
-      .catch((error) => {
-        showToast(error.message, "error");
+      .catch( ( error ) =>
+      {
+        setIsSubmitting(false)
+        const message = error.response.data.message || error.message || "Error Occured During Api Call"
+        showToast( message, "error" );
+        
       });
   };
 

From 2188f109cb2a76c25de276936f6468140b197f24 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Sun, 11 May 2025 01:26:57 +0530
Subject: [PATCH 06/13] disable Edit button and show "Please wait" message
 during activity update API call

---
 src/components/Project/Infrastructure/EditActivityModal.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Project/Infrastructure/EditActivityModal.jsx b/src/components/Project/Infrastructure/EditActivityModal.jsx
index 59509509..60c5403c 100644
--- a/src/components/Project/Infrastructure/EditActivityModal.jsx
+++ b/src/components/Project/Infrastructure/EditActivityModal.jsx
@@ -333,7 +333,7 @@ const EditActivityModal = ({
               {/* )} */}
 
               <div className="col-12 text-center">
-                <button type="submit" className="btn btn-sm btn-primary me-3" disabled={activities.length === 0}>
+                <button type="submit" className="btn btn-sm btn-primary me-3" disabled={activities.length === 0 || isSubmitting}>
                   {isSubmitting ? "Please Wait.." : "Edit Task"}
                 </button>
                 <button

From 8db6a16e150f9983c9cf470c570f512b73213dca Mon Sep 17 00:00:00 2001
From: "pramod.mahajan" <pramod.mahajan@marcoaiot.com>
Date: Mon, 12 May 2025 06:15:04 +0000
Subject: [PATCH 07/13] revert 1827757f19bd15c05029e1ca9c72de3a65a68bf1

revert updated regularization logic based on 48-hour checkout threshold


- This update was mistakenly implemented in the wrong branch. Moving it here to align with the correct workflow.-  pramod_Bug#-27
---
 src/components/Activities/AttendLogs.jsx | 66 ++++++------------------
 1 file changed, 17 insertions(+), 49 deletions(-)

diff --git a/src/components/Activities/AttendLogs.jsx b/src/components/Activities/AttendLogs.jsx
index 0ae97b8f..b246768b 100644
--- a/src/components/Activities/AttendLogs.jsx
+++ b/src/components/Activities/AttendLogs.jsx
@@ -2,27 +2,12 @@ import React, { useEffect, useState } from "react";
 import { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
 import { convertShortTime } from "../../utils/dateUtils";
 import { useNavigate } from "react-router-dom";
-import {THRESH_HOLD} from "../../utils/constants";
 
 const AttendLogs = ({ Id }) => {
   const { logs, loading } = useEmployeeAttendacesLog(Id);
   const navigate = useNavigate();
 
-  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) => {
+  const whichActivityPerform = (actvity) => {
     switch (actvity) {
       case 1:
         return (
@@ -39,12 +24,12 @@ const AttendLogs = ({ Id }) => {
       case 2:
         return (
           <i
-            className="bx bx-help-circle text-danger"
+            className="bx bx-help-circle text-secondary"
             data-bs-toggle="tooltip"
             data-bs-offset="0,8"
             data-bs-placement="top"
             data-bs-custom-class="tooltip"
-            title="Regularize Requested"
+            title="regularize Requested"
           ></i>
         );
         break;
@@ -56,43 +41,27 @@ const AttendLogs = ({ Id }) => {
             data-bs-offset="0,8"
             data-bs-placement="top"
             data-bs-custom-class="tooltip"
-            title="Request Deleted!"
+            title="Regularized"
           ></i>
         );
         break;
       case 4:
-        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>
-          );
-        }
+        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"
@@ -110,7 +79,6 @@ const AttendLogs = ({ Id }) => {
     const url = `https://www.google.com/maps?q=${lat},${lng}`;
     window.open(url, "_blank"); // Open in new tab
   };
-
   useEffect(() => {
     const tooltipTriggerList = Array.from(
       document.querySelectorAll('[data-bs-toggle="tooltip"]')
@@ -154,11 +122,11 @@ const AttendLogs = ({ Id }) => {
                   <tr key={index}>
                     <td>{log.activityTime.slice(0, 10)}</td>
                     <td>{convertShortTime(log.activityTime)}</td>
-                    <td>{whichActivityPerform(log.activity,log.activityTime)}</td>
+                    <td>{whichActivityPerform(log.activity)}</td>
                     <td>
                       {log?.latitude != 0 ? (
                         <i
-                          className="bx bx-map text-danger  cursor-pointer"
+                          className="bx bx-location-plus text-danger  cursor-pointer"
                           data-bs-toggle="tooltip"
                           data-bs-offset="0,8"
                           data-bs-placement="top"

From cf204f376dcc20caec5ec2f1018eeba3ec5b4125 Mon Sep 17 00:00:00 2001
From: "ashutosh.nehete" <ashutosh.nehete@marcoaiot.com>
Date: Mon, 12 May 2025 12:21:29 +0530
Subject: [PATCH 08/13] Changed the first letter of all form field variables to
 lowercase to follow proper variable naming conventions.

---
 src/components/Employee/ManageEmployee.jsx | 116 +++++++++++----------
 src/hooks/useEmployees.js                  |  12 ++-
 src/pages/employee/EmployeeList.jsx        |   8 +-
 3 files changed, 75 insertions(+), 61 deletions(-)

diff --git a/src/components/Employee/ManageEmployee.jsx b/src/components/Employee/ManageEmployee.jsx
index 3d51ae9b..aa1825f3 100644
--- a/src/components/Employee/ManageEmployee.jsx
+++ b/src/components/Employee/ManageEmployee.jsx
@@ -33,7 +33,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
   const { data: job_role, loading } = useMaster();
   const [isloading, setLoading] = useState(false);
   const navigation = useNavigate();
-  const [currentEmployee, setCurrentEmployee] = useState();
+  const [currentEmployee, setCurrentEmployee] = useState(null);
   const [currentAddressLength, setCurrentAddressLength] = useState(0);
   const [permanentAddressLength, setPermanentAddressLength] = useState(0);
 
@@ -157,22 +157,30 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
     mode: "onChange",
   });
 
-  const AadharNumberValue = watch("AadharNumber") || "";
+  const AadharNumberValue = watch("aadharNumber") || "";
 
   const onSubmit = (data) => {
     setLoading(true);
-
-  console.log(data);
+    if (data.email == "") {
+      data.email = null;
+    }
     EmployeeRepository.manageEmployee(data)
       .then((response) => {
-        showToast("Employee details updated successfully.", "success");
+        showToast(
+          `Employee details ${
+            data.id == null ? "created" : "updated"
+          } successfully.`,
+          "success"
+        );
         clearCacheKey("employeeListByProject");
         clearCacheKey("allEmployeeList");
+        clearCacheKey("allInactiveEmployeeList");
         clearCacheKey("employeeProfile");
 
         setLoading(false);
         reset();
-        navigation("/employees");
+        // navigation("/employees");
+        onClosed();
       })
       .catch((error) => {
         const message =
@@ -232,7 +240,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                 className="cursor-pointer fs-6"
                 onClick={() => onClosed()}
               >
-                <i className='bx bx-x'></i>
+                <i className="bx bx-x"></i>
               </span>
             </div>
             <div className="card-body">
@@ -250,15 +258,15 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       name="FirstName"
                       {...register("firstName")}
                       className="form-control form-control-sm"
-                      id="FirstName"
+                      id="firstName"
                       placeholder="First Name"
                     />
-                    {errors.FirstName && (
+                    {errors.firstName && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.FirstName.message}
+                        {errors.firstName.message}
                       </div>
                     )}
                   </div>{" "}
@@ -269,15 +277,15 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("middleName")}
                       className="form-control form-control-sm"
-                      id="MiddleName"
+                      id="middleName"
                       placeholder="Middle Name"
                     />
-                    {errors.MiddleName && (
+                    {errors.middleName && (
                       <div
                         className="danger-text text-start "
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.MiddleName.message}
+                        {errors.middleName.message}
                       </div>
                     )}
                   </div>
@@ -287,15 +295,15 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("lastName")}
                       className="form-control form-control-sm"
-                      id="LastName"
+                      id="lastName"
                       placeholder="Last Name"
                     />
-                    {errors.LastName && (
+                    {errors.lastName && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.LastName.message}
+                        {errors.lastName.message}
                       </div>
                     )}
                   </div>
@@ -305,7 +313,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                     <div className="form-text text-start">Email</div>
                     <input
                       type="email"
-                      id="Email"
+                      id="email"
                       {...register("email")}
                       className="form-control form-control-sm"
                       placeholder="example@domain.com"
@@ -313,12 +321,12 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       aria-describedby="Email"
                       disabled={!!currentEmployee?.email}
                     />
-                    {errors.Email && (
+                    {errors.email && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.Email.message}
+                        {errors.email.message}
                       </div>
                     )}
                   </div>
@@ -327,19 +335,19 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                     <input
                       type="text"
                       keyboardType="numeric"
-                      id="PhoneNumber"
+                      id="phoneNumber"
                       {...register("phoneNumber")}
                       className="form-control form-control-sm"
                       placeholder="Phone Number"
                       inputMode="numeric"
                       maxLength={10}
                     />
-                    {errors.PhoneNumber && (
+                    {errors.phoneNumber && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.PhoneNumber.message}
+                        {errors.phoneNumber.message}
                       </div>
                     )}
                   </div>
@@ -353,7 +361,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       <select
                         className="form-select form-select-sm "
                         {...register("gender")}
-                        id="Gender"
+                        id="gender"
                         aria-label=""
                       >
                         <option disabled value="">
@@ -364,12 +372,12 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         <option value="Other">Other</option>
                       </select>
                     </div>
-                    {errors.Gender && (
+                    {errors.gender && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.Gender.message}
+                        {errors.gender.message}
                       </div>
                     )}
                   </div>
@@ -381,15 +389,15 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         className="form-control form-control-sm"
                         type="date"
                         {...register("birthDate")}
-                        id="BirthDate"
+                        id="birthDate"
                       />
                     </div>
-                    {errors.BirthDate && (
+                    {errors.birthDate && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.BirthDate.message}
+                        {errors.birthDate.message}
                       </div>
                     )}
                   </div>
@@ -401,15 +409,15 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         className="form-control form-control-sm"
                         type="date"
                         {...register("joiningDate")}
-                        id="JoiningDate"
+                        id="joiningDate"
                       />
                     </div>
-                    {errors.JoiningDate && (
+                    {errors.joiningDate && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.JoiningDate.message}
+                        {errors.joiningDate.message}
                       </div>
                     )}
                   </div>
@@ -419,7 +427,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                     <div className="form-text text-start">Current Address</div>
 
                     <textarea
-                      id="CurrentAddress"
+                      id="currentAddress"
                       className="form-control form-control-sm"
                       placeholder="Current Address"
                       aria-label="Current Address"
@@ -429,7 +437,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       onChange={(e) => {
                         setCurrentAddressLength(e.target.value.length);
                         // let react-hook-form still handle it
-                        register("CurrentAddress").onChange(e);
+                        register("currentAddress").onChange(e);
                       }}
                     ></textarea>
                     <div className="text-end muted">
@@ -438,12 +446,12 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         {500 - currentAddressLength} characters left
                       </small>
                     </div>
-                    {errors.CurrentAddress && (
+                    {errors.currentAddress && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.CurrentAddress.message}
+                        {errors.currentAddress.message}
                       </div>
                     )}
                   </div>
@@ -453,7 +461,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                     </div>
 
                     <textarea
-                      id="PermanentAddress"
+                      id="permanentAddress"
                       className="form-control form-control-sm"
                       placeholder="Permanent Address"
                       aria-label="Permanent Address"
@@ -462,7 +470,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       maxLength={500}
                       onChange={(e) => {
                         setPermanentAddressLength(e.target.value.length);
-                        register("PermanentAddress").onChange(e);
+                        register("permanentAddress").onChange(e);
                       }}
                     ></textarea>
                     <div className="text-end muted">
@@ -470,12 +478,12 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         {500 - permanentAddressLength} characters left
                       </small>
                     </div>
-                    {errors.PermanentAddress && (
+                    {errors.permanentAddress && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.PermanentAddress.message}
+                        {errors.permanentAddress.message}
                       </div>
                     )}
                   </div>
@@ -493,7 +501,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       <select
                         className="form-select form-select-sm"
                         {...register("jobRoleId")}
-                        id="JobRoleId"
+                        id="jobRoleId"
                         aria-label=""
                       >
                         <option disabled value="">
@@ -506,12 +514,12 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                         ))}
                       </select>
                     </div>
-                    {errors.JobRoleId && (
+                    {errors.jobRoleId && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.JobRoleId.message}
+                        {errors.jobRoleId.message}
                       </div>
                     )}
                   </div>
@@ -523,16 +531,16 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("emergencyContactPerson")}
                       className="form-control form-control-sm"
-                      id="EmergencyContactPerson"
+                      id="emergencyContactPerson"
                       maxLength={50}
                       placeholder="Contact Person"
                     />
-                    {errors.EmergencyContactPerson && (
+                    {errors.emergencyContactPerson && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.EmergencyContactPerson.message}
+                        {errors.emergencyContactPerson.message}
                       </div>
                     )}
                   </div>
@@ -544,17 +552,17 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("emergencyPhoneNumber")}
                       className="form-control form-control-sm phone-mask"
-                      id="EmergencyPhoneNumber"
+                      id="emergencyPhoneNumber"
                       placeholder="Phone Number"
                       inputMode="numeric"
                       maxLength={10}
                     />
-                    {errors.EmergencyPhoneNumber && (
+                    {errors.emergencyPhoneNumber && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.EmergencyPhoneNumber.message}
+                        {errors.emergencyPhoneNumber.message}
                       </div>
                     )}
                   </div>
@@ -567,14 +575,14 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("aadharNumber")}
                       className="form-control form-control-sm"
-                      id="AadharNumber"
+                      id="aadharNumber"
                       placeholder="AADHAR Number"
                       maxLength={12}
                       inputMode="numeric"
                     />
-                    {errors.AadharNumber && (
+                    {errors.aadharNumber && (
                       <div className="danger-text text-start">
-                        {errors.AadharNumber.message}
+                        {errors.aadharNumber.message}
                       </div>
                     )}
                   </div>
@@ -585,16 +593,16 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
                       type="text"
                       {...register("panNumber")}
                       className="form-control form-control-sm"
-                      id="PanNumber"
+                      id="panNumber"
                       placeholder="PAN Number"
                       maxLength={10}
                     />
-                    {errors.PanNumber && (
+                    {errors.panNumber && (
                       <div
                         className="danger-text text-start"
                         style={{ fontSize: "12px" }}
                       >
-                        {errors.PanNumber.message}
+                        {errors.panNumber.message}
                       </div>
                     )}
                   </div>
diff --git a/src/hooks/useEmployees.js b/src/hooks/useEmployees.js
index 5aec3cf2..7a70c365 100644
--- a/src/hooks/useEmployees.js
+++ b/src/hooks/useEmployees.js
@@ -209,9 +209,15 @@ export const useEmployeesAllOrByProjectId = (projectId, showInactive) => {
 export const useEmployeeProfile = (employeeId) => {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState();
-  const [employee, setEmployees] = useState();
+  const [employee, setEmployees] = useState(null);
 
   const fetchData = async () => {
+    if (!employeeId) {
+        // Reset the state if no employeeId (e.g., opening for 'add' mode)
+        setEmployees(null);
+        setLoading(false);
+        return;
+      }
     const Employee_cache = getCachedData("employeeProfile");
     if (!Employee_cache || Employee_cache.employeeId !== employeeId) {
       EmployeeRepository.getEmployeeProfile(employeeId)
@@ -231,9 +237,7 @@ export const useEmployeeProfile = (employeeId) => {
   };
 
   useEffect(() => {
-    if (employeeId) {
-      fetchData(employeeId);
-    }
+      fetchData();
   }, [employeeId]);
 
   return { employee, loading, error };
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index c0b75275..f31cff37 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -43,7 +43,7 @@ const EmployeeList = () => {
   const [searchText, setSearchText] = useState("");
   const [filteredData, setFilteredData] = useState([]);
   const [showModal, setShowModal] = useState(false);
-  const [selectedEmployeeId, setSelecedEmployeeId] = useState();
+  const [selectedEmployeeId, setSelecedEmployeeId] = useState(null);
   const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [selectedEmpFordelete, setSelectedEmpFordelete] = useState(null);
   const [employeeLodaing, setemployeeLodaing] = useState(false);
@@ -111,6 +111,8 @@ const EmployeeList = () => {
       document.querySelector(".modal-backdrop").remove();
     }
     setShowModal(false);
+    clearCacheKey("employeeProfile");
+    recallEmployeeData(showInactive);
   };
   const handleShow = () => setShowModal(true);
   const handleClose = () => setShowModal(false);
@@ -193,7 +195,7 @@ const EmployeeList = () => {
       {isCreateModalOpen && (
         <ManageEmp employeeId={modelConfig} onClosed={closeModal} />
       )}
-      <div
+      {showModal && (<div
         className={`modal fade ${showModal ? "show" : ""} `}
         tabIndex="-1"
         role="dialog"
@@ -211,7 +213,7 @@ const EmployeeList = () => {
             />
           </div>
         </div>
-      </div>
+      </div>)}
 
       {IsDeleteModalOpen && (
         <div

From e8ac267d46cb16cdb274ed00ac46fa2e521c1652 Mon Sep 17 00:00:00 2001
From: "ashutosh.nehete" <ashutosh.nehete@marcoaiot.com>
Date: Mon, 12 May 2025 13:11:29 +0530
Subject: [PATCH 09/13] Added a Work Category dropdown in task create/update
 forms and a new column to display the category in Project Infrastructure and
 Daily Task Planning views.

---
 .../Infrastructure/EditActivityModal.jsx      |  76 +++++++++--
 .../Project/Infrastructure/TaskModel.jsx      | 125 +++++++++++++-----
 .../Project/Infrastructure/WorkArea.jsx       |   3 +
 .../Project/Infrastructure/WorkItem.jsx       |   9 ++
 src/hooks/masterHook/useMaster.js             |  35 ++++-
 5 files changed, 203 insertions(+), 45 deletions(-)

diff --git a/src/components/Project/Infrastructure/EditActivityModal.jsx b/src/components/Project/Infrastructure/EditActivityModal.jsx
index 60c5403c..e539df96 100644
--- a/src/components/Project/Infrastructure/EditActivityModal.jsx
+++ b/src/components/Project/Infrastructure/EditActivityModal.jsx
@@ -3,7 +3,7 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 
-import { useActivitiesMaster } from "../../../hooks/masterHook/useMaster";
+import { useActivitiesMaster, useWorkCategoriesMaster } from "../../../hooks/masterHook/useMaster";
 import { useProjectDetails } from "../../../hooks/useProjects";
 import { useDispatch, useSelector } from "react-redux";
 import ProjectRepository from "../../../repositories/ProjectRepository";
@@ -18,6 +18,7 @@ import showToast from "../../../services/toastService";
 const taskSchema = z
   .object({
     activityID: z.string().min(1, "Activity is required"),
+    workCategoryId: z.string().min(1, "Work Category is required"),
     plannedWork: z.number().min(1, "Planned Work must be greater than 0"),
     completedWork: z.number().min(0, "Completed Work must be greater than 0"),
   })
@@ -43,17 +44,21 @@ const EditActivityModal = ({
   );
   const defaultModel = {
     activityID: 0,
+    workCategoryId: 0,
     plannedWork: 0,
     completedWork: 0,
   };
 
-  const {projects_Details, refetch} = useProjectDetails( selectedProject );
-  const [ActivityUnit,setActivityUnit]= useState("")
+  const { projects_Details, refetch } = useProjectDetails(selectedProject);
+  const [ActivityUnit, setActivityUnit] = useState("");
   const { activities, loading, error } = useActivitiesMaster();
+  const { categories, categoryLoading, categoryError } =
+    useWorkCategoriesMaster();
   const [formData, setFormData] = useState(defaultModel);
   const [selectedActivity, setSelectedActivity] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [activityData, setActivityData] = useState([]);
+  const [categoryData, setCategoryData] = useState([]);
   const dispatch = useDispatch();
 
   const {
@@ -70,12 +75,19 @@ const EditActivityModal = ({
   });
 
   const handleActivityChange = (e) => {
-    const selectedId = Number(e.target.value);
-    const selected = activityData.find( ( a ) => a.id === selectedId );
+    const selectedId = String(e.target.value);
+    const selected = activityData.find((a) => a.id === selectedId);
     setSelectedActivity(selected || null);
     setValue("activityID", selectedId);
   };
 
+  const handleCategoryChange = (e) => {
+    const selectedId = String(e.target.value);
+    const category = categoryData.find((b) => b.id === selectedId);
+    setSelectedCategory(category || null);
+    setValue("workCategoryId", selectedId);
+  };
+
   const onSubmitForm = async ( data ) =>
   {
     setIsSubmitting(true)
@@ -167,6 +179,8 @@ const EditActivityModal = ({
   useEffect(() => {
     reset({
       activityID: workItem?.workItem?.activityId || workItem?.activityId || 0,
+      workCategoryId:
+        workItem?.workItem?.workCategoryId || workItem?.workCategoryId || 0,
       plannedWork:
         workItem?.workItem?.plannedWork || workItem?.plannedWork || 0,
       completedWork:
@@ -177,14 +191,13 @@ const EditActivityModal = ({
 
   const ISselectedActivity = watch("activityID");
   useEffect(() => {
-    if( ISselectedActivity ){
+    if (ISselectedActivity) {
       const selected = activities.find((a) => a.id === ISselectedActivity);
-      setSelectedActivity( selected || null );
-      setActivityUnit(selected?.unitOfMeasurement)
-  }
-  }, [ ISselectedActivity,activities] );
-  
-  
+      setSelectedActivity(selected || null);
+      setActivityUnit(selected?.unitOfMeasurement);
+    }
+  }, [ISselectedActivity, activities]);
+
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -279,6 +292,45 @@ const EditActivityModal = ({
                 )}
               </div>
 
+              {/* Select Category */}
+              <div className="col-12 col-md-12">
+                <label className="form-label" htmlFor="activityID">
+                  Select Work Category
+                </label>
+                <select
+                  id="workCategoryId"
+                  className="form-select form-select-sm"
+                  {...register("workCategoryId")}
+                >
+                  {loading ? (
+                    <option value="">Loading...</option>
+                  ) : (
+                    <option disabled>Select Category</option>
+                  )}
+                  {categories &&
+                    categories.length > 0 &&
+                    categories
+                      .slice()
+                      .sort((a, b) =>
+                        (a.name || "").localeCompare(
+                          b.name || ""
+                        )
+                      )
+                      .map((category) => (
+                        <option key={category.id} value={category.id}>
+                          {category.name}
+                        </option>
+                      ))}
+                  {!loading && categories.length === 0 && (
+                    <option disabled>No categories available</option>
+                  )}
+                </select>
+
+                {errors.workCategoryId && (
+                  <p className="danger-text">{errors.workCategoryId.message}</p>
+                )}
+              </div>
+
               {/* Planned Work */}
               {/* {ISselectedActivity && ( */}
               <div className="col-5 col-md-5">
diff --git a/src/components/Project/Infrastructure/TaskModel.jsx b/src/components/Project/Infrastructure/TaskModel.jsx
index 43cb1c5b..087a731e 100644
--- a/src/components/Project/Infrastructure/TaskModel.jsx
+++ b/src/components/Project/Infrastructure/TaskModel.jsx
@@ -2,23 +2,28 @@ import React, { useState, useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import  {useActivitiesMaster} from "../../../hooks/masterHook/useMaster";
+import {
+  useActivitiesMaster,
+  useWorkCategoriesMaster,
+} from "../../../hooks/masterHook/useMaster";
 
 const taskSchema = z.object({
   buildingID: z.string().min(1, "Building is required"),
   floorId: z.string().min(1, "Floor is required"),
   workAreaId: z.string().min(1, "Work Area is required"),
   activityID: z.string().min(1, "Activity is required"),
+  workCategoryId: z.string().min(1, "Work Category is required"),
   plannedWork: z.number().min(1, "Planned Work must be greater than 0"),
   completedWork: z.number().min(0, "Completed Work must be greater than 0"),
 });
 
 const defaultModel = {
   id: null,
-  buildingID:"0",
+  buildingID: "0",
   floorId: "0",
   workAreaId: "0",
   activityID: null,
+  workCategoryId: "",
   plannedWork: 0,
   completedWork: 0,
 };
@@ -30,15 +35,18 @@ const TaskModel = ({
   onClearComplete,
   onClose,
 }) => {
-
   const [formData, setFormData] = useState(defaultModel);
   const [selectedBuilding, setSelectedBuilding] = useState(null);
   const [selectedFloor, setSelectedFloor] = useState(null);
   const [selectedWorkArea, setSelectedWorkArea] = useState(null);
   const [selectedActivity, setSelectedActivity] = useState(null);
+  const [selectedCategory, setSelectedCategory] = useState(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [activityData, setActivityData] = useState([]);
-  const {activities, loading, error} = useActivitiesMaster();
+  const [categoryData, setCategoryData] = useState([]);
+  const { activities, loading, error } = useActivitiesMaster();
+  const { categories, categoryLoading, categoryError } =
+    useWorkCategoriesMaster();
 
   const {
     register,
@@ -79,6 +87,7 @@ const TaskModel = ({
       floorId: value,
       workAreaId: 0,
       activityID: 0,
+      workCategoryId: categoryData?.[0]?.id?.toString() ?? "",
     }));
   };
 
@@ -104,13 +113,24 @@ const TaskModel = ({
     }));
   };
 
-  const onSubmitForm = async ( data ) =>
-  {
+  const handleCategoryChange = (e) => {
+    const { value } = e.target;
+    const category = categoryData.find((b) => b.id === String(value));
+    setSelectedCategory(category);
+    reset((prev) => ({
+      ...prev,
+      workCategoryId: String(value),
+    }));
+  };
+
+  const onSubmitForm = async (data) => {
+    console.log(data);
     setIsSubmitting(true);
     await onSubmit(data);
     setValue("plannedWork", 0);
-    setValue( "completedWork", 0 );
-    setValue("activityID",0)
+    setValue("completedWork", 0);
+    setValue("activityID", 0);
+    setValue("workCategoryId", categoryData?.[0]?.id?.toString() ?? "");
     setIsSubmitting(false);
   };
 
@@ -120,15 +140,32 @@ const TaskModel = ({
     setSelectedFloor(null);
     setSelectedWorkArea(null);
     setSelectedActivity(null);
+    setSelectedCategory(categoryData?.[0]?.id?.toString() ?? "");
     reset(defaultModel);
   };
 
   useEffect(() => {
     if (!loading && Array.isArray(activities) && activities.length > 0) {
-     
       setActivityData(activities);
     }
   }, [activities, loading]);
+
+  useEffect(() => {
+    if (
+      !categoryLoading &&
+      Array.isArray(categories) &&
+      categories.length > 0
+    ) {
+      const newCategories = categories?.slice()?.sort((a, b) => {
+        const nameA = a?.name || "";
+        const nameB = b?.name || "";
+        return nameA.localeCompare(nameB);
+      });
+      setCategoryData(newCategories);
+      setSelectedCategory(newCategories[0])
+    }
+  }, [categories, categoryLoading]);
+
   return (
     <div className="modal-dialog modal-lg modal-simple modal-edit-user">
       <div className="modal-content">
@@ -247,9 +284,7 @@ const TaskModel = ({
 
               {selectedWorkArea && (
                 <div className="col-12 col-md-12">
-                  <label className="form-label" >
-                    Select Activity
-                  </label>
+                  <label className="form-label">Select Activity</label>
                   <select
                     id="activityID"
                     className="form-select form-select-sm"
@@ -257,28 +292,25 @@ const TaskModel = ({
                     onChange={handleActivityChange}
                   >
                     <option value="0">Select Activity</option>
-                    {activityData && activityData.length > 0 &&  (
+                    {activityData &&
+                      activityData.length > 0 &&
                       activityData
                         ?.slice()
-                        ?.sort( ( a, b ) =>
-                        {
+                        ?.sort((a, b) => {
                           const nameA = a?.activityName || "";
                           const nameB = b?.activityName || "";
-                          return nameA.localeCompare( nameB );
-                        } )
-                        ?.map( ( activity ) => (
+                          return nameA.localeCompare(nameB);
+                        })
+                        ?.map((activity) => (
                           <option key={activity.id} value={activity.id}>
-                            {
-                              activity.activityName ||
-                             
-                              `Unnamed (id: ${ activity.id })`}
+                            {activity.activityName ||
+                              `Unnamed (id: ${activity.id})`}
                           </option>
-                        ) )
-                    ) }
-                    {(!loading && activities.length === 0 )&& (
+                        ))}
+                    {!loading && activities.length === 0 && (
                       <option disabled>No activities available</option>
                     )}
-                    {loading && ( <option disabled>Loading...</option>)}
+                    {loading && <option disabled>Loading...</option>}
                   </select>
 
                   {errors.activityID && (
@@ -287,7 +319,38 @@ const TaskModel = ({
                 </div>
               )}
 
-              {selectedActivity && (
+              {selectedWorkArea && (
+                <div className="col-12 col-md-12">
+                  <label className="form-label">Select Work Category</label>
+                  <select
+                    id="workCategoryId"
+                    className="form-select form-select-sm"
+                    {...register("workCategoryId")}
+                    onChange={handleCategoryChange}
+                  >
+                    {categoryData &&
+                      categoryData.length > 0 &&
+                      categoryData
+                        ?.map((category) => (
+                          <option key={category.id} value={category.id}>
+                            {category.name || `Unnamed (id: ${category.id})`}
+                          </option>
+                        ))}
+                    {!categoryLoading && categories.length === 0 && (
+                      <option disabled>No activities available</option>
+                    )}
+                    {categoryLoading && <option disabled>Loading...</option>}
+                  </select>
+
+                  {errors.workCategoryId && (
+                    <p className="danger-text">
+                      {errors.workCategoryId.message}
+                    </p>
+                  )}
+                </div>
+              )}
+
+              {selectedActivity && selectedCategory && (
                 <div className="col-5 col-md-5">
                   <label className="form-label" htmlFor="plannedWork">
                     {formData.id !== "0" ? "Modify " : "Enter "} Planned Work
@@ -304,7 +367,7 @@ const TaskModel = ({
                 </div>
               )}
 
-              {selectedActivity && (
+              {selectedActivity && selectedCategory && (
                 <div className="col-5 col-md-5">
                   <label className="form-label" htmlFor="completedWork">
                     {formData.id !== "0" ? "Modify " : "Enter "} Completed Work
@@ -324,7 +387,7 @@ const TaskModel = ({
               )}
 
               {/* Unit */}
-              {selectedActivity && (
+              {selectedActivity && selectedCategory && (
                 <div className="col-2 col-md-2">
                   <label className="form-label" htmlFor="unit">
                     Unit
@@ -340,9 +403,7 @@ const TaskModel = ({
 
               <div className="col-12 text-center">
                 <button type="submit" className="btn btn-sm btn-primary me-3">
-                  {isSubmitting
-                    ? "Please Wait.."
-                    : "Add Task"}
+                  {isSubmitting ? "Please Wait.." : "Add Task"}
                 </button>
                 <button
                   type="button"
diff --git a/src/components/Project/Infrastructure/WorkArea.jsx b/src/components/Project/Infrastructure/WorkArea.jsx
index 9e796dd6..b48adc33 100644
--- a/src/components/Project/Infrastructure/WorkArea.jsx
+++ b/src/components/Project/Infrastructure/WorkArea.jsx
@@ -121,6 +121,9 @@ const WorkArea = ({ workArea, floor, forBuilding }) => {
                   <th className="infra-activity-table-header d-sm-none d-sm-table-cell">
                     Status
                   </th>
+                  <th className="infra-activity-table-header-first">
+                    Category
+                  </th>
                   {/* for greather than mobile view ************* */}
                   <th className="infra-activity-table-header d-none d-md-table-cell">
                     Planned
diff --git a/src/components/Project/Infrastructure/WorkItem.jsx b/src/components/Project/Infrastructure/WorkItem.jsx
index 965f44f1..2799f398 100644
--- a/src/components/Project/Infrastructure/WorkItem.jsx
+++ b/src/components/Project/Infrastructure/WorkItem.jsx
@@ -160,6 +160,15 @@ const WorkItem = ( {
             ? NewWorkItem?.workItem?.plannedWork || workItem?.plannedWork
             : "NA"}
         </td>
+
+        <td className="text-start table-cell-small">
+          <span className="fw-light">
+            {hasWorkItem
+              ? NewWorkItem?.workItem?.workCategoryMaster?.name ||
+                workItem.workCategoryMaster?.name || "NA"
+              : "NA"}
+          </span>
+        </td>
         {/* for greather than mobile view ************* */}
         <td className="text-center d-none d-md-table-cell">
           {hasWorkItem
diff --git a/src/hooks/masterHook/useMaster.js b/src/hooks/masterHook/useMaster.js
index 33e284cc..8ab98397 100644
--- a/src/hooks/masterHook/useMaster.js
+++ b/src/hooks/masterHook/useMaster.js
@@ -116,4 +116,37 @@ export const useActivitiesMaster = () =>
     }, [] )
     
     return {activities,loading,error}
-  }
\ No newline at end of file
+  }
+
+  export const useWorkCategoriesMaster = () =>
+    {
+      const [ categories, setCategories ] = useState( [] )
+      const [ categoryLoading, setloading ] = useState( false );
+      const [ categoryError, setError ] = useState( "" )
+    
+        const fetchCategories =async () =>  {
+          const cacheddata = getCachedData("Work Category");
+    
+          if (!cacheddata) {
+            setloading(true);
+            try {
+              const response = await MasterRespository.getWorkCategory();
+              setCategories(response.data);
+              cacheData("Work Category", response.data);
+            } catch (err) {
+              setError(err);
+              console.log(err);
+            } finally {
+              setloading(false);
+            }
+          } else {
+            setCategories(cacheddata);
+          }
+         }
+      useEffect( () =>
+      {
+        fetchCategories()
+      }, [] )
+      
+      return {categories,categoryLoading,categoryError}
+    }
\ No newline at end of file

From f51ed3a380accd7df6dd8ffe4a92c5f01d13ee5a Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 12 May 2025 14:32:48 +0530
Subject: [PATCH 10/13] added custome font size class

---
 public/assets/css/default.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/assets/css/default.css b/public/assets/css/default.css
index 08b78aa8..919d49dc 100644
--- a/public/assets/css/default.css
+++ b/public/assets/css/default.css
@@ -189,3 +189,7 @@
   text-align: left;
   padding-left: 50px;
 } */
+
+.small-text{
+  font-size: 12px;
+}
\ No newline at end of file

From 926168bb0750f34dc8086dfe034d023a82588ac8 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 12 May 2025 14:33:34 +0530
Subject: [PATCH 11/13] Modified report comments section.

---
 .../Activities/ReportTaskComments.jsx         | 153 +++++++++++-------
 1 file changed, 98 insertions(+), 55 deletions(-)

diff --git a/src/components/Activities/ReportTaskComments.jsx b/src/components/Activities/ReportTaskComments.jsx
index 94ee1c7b..efe62d0a 100644
--- a/src/components/Activities/ReportTaskComments.jsx
+++ b/src/components/Activities/ReportTaskComments.jsx
@@ -27,15 +27,21 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
   });
 
   const containerRef = useRef(null);
+  const firstRender = useRef(true);  
+
+
   useEffect(() => {
     setComment(commentsData?.comments);
   }, [commentsData]);
 
+  // Scroll logic: scroll to bottom when new comments are added
   useEffect(() => {
-    if (containerRef.current) {
+    if (!firstRender.current && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
+    } else {
+      firstRender.current = false;  // Mark the first render as complete
     }
-  }, [comments]);
+  }, [comments]);  // Run this when comments array is updated
 
   const onSubmit = async (data) => {
     let sendComment = {
@@ -70,9 +76,10 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
       // closeModal();
     } catch (error) {
       setloading(false);
-      showToast(error.response.data?.message || "Something wrong", "error");
+      showToast(error.response.data?.message || "Something went wrong", "error");
     }
   };
+
   return (
     <div
       className="modal-dialog modal-lg modal-simple report-task-comments-modal mx-sm-auto mx-1"
@@ -86,61 +93,56 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
             onClick={closeModal}
             aria-label="Close"
           ></button>
-          <p className="fs-6 text-dark text-start">
-            {`${commentsData?.workItem?.workArea?.floor?.building?.name}`}{" "}
-            <i className="bx bx-chevron-right"></i>{" "}
-            {`${commentsData?.workItem?.workArea?.floor?.floorName} `}{" "}
-            <i className="bx bx-chevron-right"></i>
-            {`${commentsData?.workItem?.workArea?.areaName}`}
-            <i className="bx bx-chevron-right"></i>
-            {` ${commentsData?.workItem?.activityMaster?.activityName}`}
+          <p className="fs-6 text-dark text-start m-0">Activity Summary</p>
+          <p className="small-text text-start my-2">
+            {comments && comments[0]?.comment}
+          </p>
+          <p className="fw-bold my-2 text-start">
+            Assigned By :
+            <span className=" ms-2">
+              {commentsData?.assignedBy.firstName +
+                " " +
+                commentsData?.assignedBy.lastName}
+            </span>{" "}
           </p>
 
-          <ul
-            className="list-grouph px-0 mx-0 overflow-auto"
-            ref={containerRef}
-            style={{ maxHeight: "400px" }}
-          >
-            {comments &&
-              comments?.map((data) => {
-                const fullName = `${data?.employee?.firstName} ${data?.employee?.lastName}`;
-                const bgClass = getBgClassFromHash(fullName);
-                return (
-                  <li
-                    className={`list-group-item list-group-item-action  my-2 p-1`}
-                  >
-                    <div
-                      className={`li-wrapper d-flex justify-content-start align-items-start my-0 `}
-                    >
-                      <div className="avatar avatar-xs me-1">
-                        <span
-                          className={`avatar-initial rounded-circle bg-label-primary}`}
-                        >
-                          {`${data?.employee?.firstName?.slice(
-                            0,
-                            1
-                          )} ${data?.employee?.lastName?.slice(0, 1)}`}
-                        </span>
-                      </div>
+          <p className="fw-bold my-2 text-start">
+            Loaction :
+            <span className="fw-normal ms-2 text-start">
+              {`${commentsData?.workItem?.workArea?.floor?.building?.name}`}{" "}
+              <i className="bx bx-chevron-right"></i>{" "}
+              {`${commentsData?.workItem?.workArea?.floor?.floorName} `}{" "}
+              <i className="bx bx-chevron-right"></i>
+              {`${commentsData?.workItem?.workArea?.areaName}`}
+              <i className="bx bx-chevron-right"></i>
+              {` ${commentsData?.workItem?.activityMaster?.activityName}`}
+            </span>
+          </p>
+          <p className="fw-bold my-2 text-start">
+            Planned Work: {commentsData?.plannedTask}
+          </p>
+          <p className="fw-bold my-2 text-start">
+            {" "}
+            Completed Work : {commentsData?.completedTask}
+          </p>
+          <div className="d-flex align-items-center flex-wrap">
+            <p className="fw-bold text-start m-0 me-1">Team:</p>
+            <div className="d-flex flex-wrap align-items-center gap-2">
+              {commentsData?.teamMembers?.map((member, idx) => (
+                <span key={idx} className="d-flex align-items-center">
+                  <Avatar
+                    firstName={member?.firstName}
+                    lastName={member?.lastName}
+                    size="xs"
+                  />
+                  {member?.firstName + " " + member?.lastName}
+                </span>
+              ))}
+            </div>
+          </div>
 
-                      <div className={` text-start  py-0  `}>
-                        <p className={`mb-0 text-${bgClass}`}>{fullName}</p>
-                        <p
-                          className=" text-muted m-0 "
-                          style={{ fontSize: "10px" }}
-                        >
-                          {moment.utc(data?.commentDate).local().fromNow()}
-                        </p>
-                      </div>
-                    </div>
-                    <p className={`ms-6 text-start mb-0 text-body`}>
-                      {data?.comment}
-                    </p>
-                  </li>
-                );
-              })}
-          </ul>
-          <form onSubmit={handleSubmit(onSubmit)}>
+          <form onSubmit={handleSubmit(onSubmit)} className="text-start">
+            <label className="fw-bold text-start my-1">Add comment :</label>
             <textarea
               {...register("comment")}
               className="form-control"
@@ -165,6 +167,47 @@ const ReportTaskComments = ({ commentsData, closeModal }) => {
               </button>
             </div>
           </form>
+
+          <ul
+            className="list-group px-0 mx-0 overflow-auto border-0"
+            // ref={containerRef}  // auto scroll according data
+            style={{ maxHeight: "200px" }}
+          >
+            {comments &&
+              comments
+                ?.slice()
+                .reverse()
+                .map((data, idx) => {
+                  const fullName = `${data?.employee?.firstName} ${data?.employee?.lastName}`;
+                  const bgClass = getBgClassFromHash(fullName);
+                  return (
+                    <li
+                      className={`list-group-item list-group-item-action border-none my-1 p-1`}
+                      key={idx}
+                    >
+                      <div
+                        className={`li-wrapper d-flex justify-content-start align-items-start my-0`}
+                      >
+                        <div className="avatar avatar-xs me-1">
+                          <span
+                            className={`avatar-initial rounded-circle bg-label-primary`}
+                          >
+                            {`${data?.employee?.firstName?.slice(0, 1)} ${data?.employee?.lastName?.slice(0, 1)}`}
+                          </span>
+                        </div>
+
+                        <div className={`text-start py-0`}>
+                          <p className={`mb-0 text-${bgClass}`}>{fullName}</p>
+                          <p className="text-muted m-0" style={{ fontSize: "10px" }}>
+                            {moment.utc(data?.commentDate).local().fromNow()}
+                          </p>
+                        </div>
+                      </div>
+                      <p className={`ms-6 text-start mb-0 text-body`}>{data?.comment}</p>
+                    </li>
+                  );
+                })}
+          </ul>
         </div>
       </div>
     </div>

From a3608a49bd53c48861320103e985ed2c599bb80c Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Mon, 12 May 2025 15:37:31 +0530
Subject: [PATCH 12/13] remove sneat lables from application

---
 public/assets/vendor/css/core.css        | 2 --
 public/scss/_components/_menu.scss       | 5 +----
 src/components/Layout/LayoutMenu.tsx     | 2 +-
 src/pages/authentication/AuthWrapper.jsx | 5 +----
 4 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css
index b8e659cb..46f34f42 100644
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@@ -29002,7 +29002,6 @@ li:not(:first-child) .dropdown-item,
 /* Only for menu example */
 .menu-collapsed:not(:hover) {
   inline-size: var(--bs-menu-collapsed-width);
-  /* Custom for sneat only */
 }
 .menu-collapsed:not(:hover) .menu-inner > .menu-item {
   inline-size: var(--bs-menu-collapsed-width);
@@ -29682,7 +29681,6 @@ li:not(:first-child) .dropdown-item,
     )
     .layout-menu.menu-vertical {
     inline-size: var(--bs-menu-collapsed-width);
-    /* Custom for sneat only */
   }
   .layout-menu-collapsed:not(
       .layout-menu-hover,
diff --git a/public/scss/_components/_menu.scss b/public/scss/_components/_menu.scss
index 09f9c658..50c58126 100644
--- a/public/scss/_components/_menu.scss
+++ b/public/scss/_components/_menu.scss
@@ -186,7 +186,6 @@
 
     > .menu-item {
       margin: $menu-item-spacer 0;
-      // Sneat menu-link spacing
       .menu-link {
         margin: $menu-vertical-link-margin-y $menu-vertical-link-margin-x;
       }
@@ -197,7 +196,6 @@
   .menu-block {
     padding: $menu-vertical-link-padding-y $menu-vertical-link-padding-x;
   }
-  // Sneat menu-header spacing
   .menu-header {
     margin: $menu-vertical-header-margin-y 0 $menu-vertical-header-margin-y * 0.5 0;
     padding: $menu-vertical-link-padding-y $menu-vertical-link-padding-x * 2 $menu-vertical-link-padding-y
@@ -276,7 +274,7 @@
 
 // Vertical Menu Collapsed
 // *******************************************************************************
-// ! Updated menu collapsed styles for sneat in this mixin
+// ! Updated menu collapsed styles for  in this mixin
 @mixin layout-menu-collapsed() {
   width: $menu-collapsed-width;
 
@@ -312,7 +310,6 @@
       top: 1.1875rem;
     }
   }
-  // Custom for sneat only
   .menu-block {
     &::before {
       bottom: 0.75rem;
diff --git a/src/components/Layout/LayoutMenu.tsx b/src/components/Layout/LayoutMenu.tsx
index 66b18b65..48d38c05 100644
--- a/src/components/Layout/LayoutMenu.tsx
+++ b/src/components/Layout/LayoutMenu.tsx
@@ -58,7 +58,7 @@ const LayoutMenu = () => {
             </g>
           </svg>
         </span>
-        <span className="app-brand-text demo menu-text fw-bolder ms-2">Sneat</span>
+        <span className="app-brand-text demo menu-text fw-bolder ms-2">Marco</span>
       </a>
 
       <a href="javascript:void(0);" className="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
diff --git a/src/pages/authentication/AuthWrapper.jsx b/src/pages/authentication/AuthWrapper.jsx
index 62928fd6..6684ae46 100644
--- a/src/pages/authentication/AuthWrapper.jsx
+++ b/src/pages/authentication/AuthWrapper.jsx
@@ -15,11 +15,8 @@ export const AuthWrapper = ({ children }) => {
                   className="app-brand-link gap-2"
                 >
                   <span className="app-brand-logo demo">
-                    <img src="/img/brand/marco.png" alt="sneat-logo" />
+                    <img src="/img/brand/marco.png" alt="marco-logo" />
                   </span>
-                  {/* <span className="app-brand-text demo text-body fw-bold">
-                    Sneat
-                  </span> */}
                 </Link>
               </div>
               {children}

From bf097bc884c3a4ebd48b4f8e78e891078557f294 Mon Sep 17 00:00:00 2001
From: "ashutosh.nehete" <ashutosh.nehete@marcoaiot.com>
Date: Mon, 12 May 2025 15:45:17 +0530
Subject: [PATCH 13/13] Added a popup to allow editing of employee information
 directly in the Employee Profile.

---
 src/components/Employee/ManageEmployee.jsx |  4 ++-
 src/pages/employee/EmployeeProfile.jsx     | 32 +++++++++++++++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/Employee/ManageEmployee.jsx b/src/components/Employee/ManageEmployee.jsx
index aa1825f3..6d56e493 100644
--- a/src/components/Employee/ManageEmployee.jsx
+++ b/src/components/Employee/ManageEmployee.jsx
@@ -10,7 +10,7 @@ import { changeMaster } from "../../slices/localVariablesSlice";
 import { Link, useNavigate, useParams } from "react-router-dom";
 import { formatDate } from "../../utils/dateUtils";
 import { useEmployeeProfile } from "../../hooks/useEmployees";
-import { clearCacheKey, getCachedData } from "../../slices/apiDataManager";
+import { cacheData, clearCacheKey, getCachedData } from "../../slices/apiDataManager";
 import { clearApiCacheKey } from "../../slices/apiCacheSlice";
 
 const mobileNumberRegex = /^[0-9]\d{9}$/;
@@ -166,6 +166,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
     }
     EmployeeRepository.manageEmployee(data)
       .then((response) => {
+        cacheData("employeeProfileInfo", data);
         showToast(
           `Employee details ${
             data.id == null ? "created" : "updated"
@@ -176,6 +177,7 @@ const ManageEmployee = ({ employeeId, onClosed }) => {
         clearCacheKey("allEmployeeList");
         clearCacheKey("allInactiveEmployeeList");
         clearCacheKey("employeeProfile");
+        
 
         setLoading(false);
         reset();
diff --git a/src/pages/employee/EmployeeProfile.jsx b/src/pages/employee/EmployeeProfile.jsx
index a215bba0..4de20675 100644
--- a/src/pages/employee/EmployeeProfile.jsx
+++ b/src/pages/employee/EmployeeProfile.jsx
@@ -16,6 +16,7 @@ import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import { useNavigate } from "react-router-dom";
 import Avatar from "../../components/common/Avatar";
 import AttendancesEmployeeRecords from "./AttendancesEmployeeRecords";
+import ManageEmployee from "../../components/Employee/ManageEmployee";
 const EmployeeProfile = () => {
   const projectID = useSelector((store) => store.localVariables.projectId);
   const { employeeId } = useParams();
@@ -26,11 +27,18 @@ const EmployeeProfile = () => {
   const tab = SearchParams.get("for");
   const [activePill, setActivePill] = useState(tab);
   const [currentEmployee, setCurrentEmployee] = useState();
+    const [showModal, setShowModal] = useState(false);
 
   const handlePillClick = (pillKey) => {
     setActivePill(pillKey);
   };
 
+   const closeModal = () => {
+      setShowModal(false);
+      fetchEmployeeProfile(employeeId);
+    };
+    const handleShow = () => setShowModal(true);
+
   const fetchEmployeeProfile = async (employeeID) => {
     try {
       const resp = await EmployeeRepository.getEmployeeProfile(employeeID);
@@ -89,6 +97,26 @@ const EmployeeProfile = () => {
   }
 
   return (
+    <>    {showModal && (<div
+        className={`modal fade ${showModal ? "show" : ""} `}
+        tabIndex="-1"
+        role="dialog"
+        style={{ display: showModal ? "block" : "none" }}
+        aria-hidden={!showModal}
+      >
+        <div className="modal-dialog modal-xl modal-dialog-centered ">
+          <div
+            className="modal-content overflow-y-auto overflow-x-hidden"
+            style={{ maxHeight: "90vh" }}
+          >
+            <ManageEmployee
+              employeeId={employeeId}
+              onClosed={closeModal}
+            />
+          </div>
+        </div>
+      </div>)}
+
     <div className="container-xxl flex-grow-1 container-p-y">
       <Breadcrumb
         data={[
@@ -212,7 +240,7 @@ const EmployeeProfile = () => {
                       <button
                         className="btn btn-primary btn-block"
                         onClick={() =>
-                          navigate(`/employee/manage/${currentEmployee?.id}`)
+                          handleShow()
                         }
                       >
                         Edit Profile
@@ -238,6 +266,8 @@ const EmployeeProfile = () => {
         </div>
       </div>
     </div>
+    </>
+
   );
 };