added formatNumber at globally for reusable

src/components/Layout/Header.jsx

@@ -183,7 +183,6 @@ const Header = () => {
               <>
                 <i
                   className="rounded-circle bx bx-building-house bx-sm-lg bx-md"
-
                 ></i>
                 <div className="btn-group">
                   <button
@@ -231,6 +230,7 @@ const Header = () => {
             )}
           </div>
         )}
+        {isProjectPath && (<span className=" fs-5 align-items-center"><i className="rounded-circle bx bx-building-house bx-sm-lg bx-md me-2"></i>{displayText}</span>)}
 
         <ul className="navbar-nav flex-row align-items-center ms-md-auto">
           <li className="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">

src/pages/Activities/DailyTask.jsx

@@ -13,6 +13,7 @@ import FilterIcon from "../../components/common/FilterIcon";
 import GlobalModel from "../../components/common/GlobalModel";
 import AssignTask from "../../components/Project/AssignTask";
 import SubTask from "../../components/Activities/SubTask";
+import {formatNumber} from "../../utils/dateUtils";
 
 const DailyTask = () => {
   const [searchParams] = useSearchParams();
@@ -147,10 +148,6 @@ const DailyTask = () => {
   };
 
 
-  const formatNumber = (num) => {
-  if (num == null || isNaN(num)) return "NA";
-  return Number.isInteger(num) ? num : num.toFixed(2);
-};
   return (
     <>
       {isModalOpen && <GlobalModel isOpen={isModalOpen} size="md" closeModal={handlecloseModal} >

src/pages/employee/EmployeeList.jsx

@@ -198,9 +198,6 @@ const handleAllEmployeesToggle = (e) => {
   setShowInactive(false);
   setShowAllEmployees(isChecked);
 
-  if (!isChecked) {
-    setSelectedProject(selectedProjectId || "");
-  }
 };
 
   const handleEmployeeModel = (id) => {

src/pages/project/ProjectList.jsx

@@ -42,7 +42,8 @@ const ProjectList = () => {
     "b74da4c2-d07e-46f2-9919-e75e49b12731",
     "603e994b-a27f-4e5d-a251-f3d69b0498ba",
     "ef1c356e-0fe0-42df-a5d3-8daee355492d",
-    "33deaef9-9af1-4f2a-b443-681ea0d04f81",
+    "cdad86aa-8a56-4ff4-b633-9c629057dfef",
+    "33deaef9-9af1-4f2a-b443-681ea0d04f81",  
   ]);
 
   const handleShow = () => setShowModal(true);
@@ -207,6 +208,10 @@ const ProjectList = () => {
                         id: "b74da4c2-d07e-46f2-9919-e75e49b12731",
                         label: "Active",
                       },
+                      {
+                        id: "cdad86aa-8a56-4ff4-b633-9c629057dfef",
+                        label:"In Progress"
+                      },
                       {
                         id: "603e994b-a27f-4e5d-a251-f3d69b0498ba",
                         label: "On Hold",
@@ -263,11 +268,11 @@ const ProjectList = () => {
         {listView ? (
           <div className="card cursor-pointer">
             <div className="card-body p-2">
-              <div className="table-responsive text-nowrap py-2 ">
+              <div className="table-responsive text-nowrap py-2 " style={{minHeight:"400px"}}>
                 <table className="table m-3">
                   <thead>
                     <tr>
-                      <th className="text-start" colSpan={5}>
+                      <th className="text-start" colSpan={5} >
                         Project Name
                       </th>
                       <th className="mx-2 text-start">Contact Person</th>
@@ -290,6 +295,10 @@ const ProjectList = () => {
                                 id: "b74da4c2-d07e-46f2-9919-e75e49b12731",
                                 label: "Active",
                               },
+                              {
+                                id: "cdad86aa-8a56-4ff4-b633-9c629057dfef",
+                                label:"In Progress"
+                               },
                               {
                                 id: "603e994b-a27f-4e5d-a251-f3d69b0498ba",
                                 label: "On Hold",
@@ -331,8 +340,8 @@ const ProjectList = () => {
                   </thead>
                   <tbody className="table-border-bottom-0 overflow-auto ">
                     {currentItems.length === 0 ? (
-                      <tr>
+                      <tr className="text-center">
-                        <td colSpan="12" className="text-center py-4">
+                        <td colSpan="12" rowSpan='12'style={{height:"200px"}} >
                           No projects found
                         </td>
                       </tr>

src/pages/project/ProjectListView.jsx

@@ -19,6 +19,7 @@ import ManageProjectInfo from "../../components/Project/ManageProjectInfo";
 import showToast from "../../services/toastService";
 import { getCachedData, cacheData } from "../../slices/apiDataManager";
 import GlobalModel from "../../components/common/GlobalModel";
+import {formatNumber} from "../../utils/dateUtils";
 
 const ProjectListView = ({ projectData, recall }) => {
   const [projectInfo, setProjectInfo] = useState(projectData);
@@ -73,63 +74,8 @@ const ProjectListView = ({ projectData, recall }) => {
     }
   };
 
-  // const handleFormSubmit = (updatedProject) => {
-  //   if (projectInfo?.id) {
-  //     ProjectRepository.updateProject(projectInfo.id, updatedProject)
-  //       .then((response) => {
-  //         const updatedProjectData = {
-  //           ...projectInfo,
-  //           ...response.data,
-  //           building: projectDetails?.building,
-  //         };
-
-  //         setProjectInfo(updatedProjectData);
-
-  //         if (getCachedData(`projectinfo-${projectInfo.id}`)) {
-  //           cacheData(`projectinfo-${projectInfo.id}`, updatedProjectData);
-  //         }
-
-  //         const projects_list = getCachedData("projectslist");
-  //         if (projects_list) {
-  //           const updatedProjectsList = projects_list.map((project) =>
-  //             project.id === projectInfo.id
-  //               ? {
-  //                   ...project,
-  //                   ...response.data,
-  //                   //  tenant: project.tenant
-  //                 }
-  //               : project
-  //           );
-  //           cacheData("projectslist", updatedProjectsList);
-  //         }
-  //         recall(getCachedData("projectslist"));
-  //         showToast("Project updated successfully.", "success");
-  //         setShowModal(false);
-  //       })
-  //       .catch((error) => {
-  //         showToast(error.message, "error");
-  //       });
-  //   }
-  // };
   return (
     <>
-      {/* {showModal && projects_Details && (
-        <tr>
-          <td
-            className="modal fade show"
-            tabIndex="-1"
-            role="dialog"
-            style={{ display: "block" }}
-            aria-hidden="false"
-          >
-            <ManageProjectInfo
-              project={projects_Details}
-              handleSubmitForm={handleFormSubmit}
-              onClose={handleClose}
-            />
-          </td>
-        </tr>
-      )} */}
       {showModal && projects_Details && (
         <GlobalModel isOpen={showModal} closeModal={handleClose}>   <ManageProjectInfo
               project={projects_Details}
@@ -162,7 +108,7 @@ const ProjectListView = ({ projectData, recall }) => {
             ? moment(projectInfo.endDate).format("DD-MMM-YYYY")
             : "NA"}
         </td>
-        <td className="mx-2 text-center small">{projectInfo.plannedWork}</td>
+        <td className="mx-2 text-center small">{formatNumber(projectInfo.plannedWork)}</td>
         <td className="py-6 mx-2 text-start small align-items-center">
           <ProgressBar
             plannedWork={projectInfo.plannedWork}

src/utils/dateUtils.jsx

@@ -61,3 +61,8 @@ export const checkIfCurrentDate = (dateString) => {
 
   return currentDate.getTime() === inputDate.getTime();
 };
+
+export  const formatNumber = (num) => {
+  if (num == null || isNaN(num)) return "NA";
+  return Number.isInteger(num) ? num : num.toFixed(2);
+};

src/utils/projectStatus.js

@@ -24,7 +24,7 @@ export const getProjectStatusColor = (statusId) => {
     case "33deaef9-9af1-4f2a-b443-681ea0d04f81":
       return "bg-label-secondary";
     case "cdad86aa-8a56-4ff4-b633-9c629057dfef":
-      return "bg-label-success";
+      return "bg-label-primary";
   }
 };