src/components/Project/AboutProject.jsx

@@ -25,9 +25,10 @@ const AboutProject = () =>
   {
     if ( projects_Details?.id )
     {
+     ClientQuery.invalidateQueries({queryKey:["projectInfo"]})
     UpdateProjectDetails({ projectId: projects_Details?.id,updatedData: updatedProject,
     } );
-      refetch()
+      
   }
 };
   return (

src/hooks/useProjects.js

@@ -400,7 +400,7 @@ export const useUpdateProject = ({ onSuccessCallback }) => {
       const { projectId } = variables;
    
       queryClient.invalidateQueries({queryKey:["ProjectsList"]});
-      queryClient.invalidateQueries( {queryKey: [ "projectInfo", projectId ]} );
+      queryClient.invalidateQueries( {queryKey: [ "projectinfo", projectId ]} );
       queryClient.invalidateQueries({queryKey:['basicProjectNameList']});
 
       eventBus.emit("project", {

src/pages/employee/EmployeeProfile.jsx

@@ -20,7 +20,6 @@ import Avatar from "../../components/common/Avatar";
 import AttendancesEmployeeRecords from "./AttendancesEmployeeRecords";
 import ManageEmployee from "../../components/Employee/ManageEmployee";
 import { useChangePassword } from "../../components/Context/ChangePasswordContext";
-import GlobalModel from "../../components/common/GlobalModel";
 
 const EmployeeProfile = () => {
   const { profile } = useProfile();
@@ -40,7 +39,11 @@ const EmployeeProfile = () => {
     setActivePill(pillKey);
   };
 
-
+  const closeModal = () => {
+    setShowModal(false);
+    fetchEmployeeProfile(employeeId);
+  };
+  const handleShow = () => setShowModal(true);
 
   const fetchEmployeeProfile = async (employeeID) => {
     try {
@@ -101,10 +104,24 @@ const EmployeeProfile = () => {
   const { openChangePassword } = useChangePassword();
   return (
     <>
+      {" "}
       {showModal && (
-        <GlobalModel size="lg" isOpen={showModal} closeModal={()=>setShowModal(false)}>
+        <div
-              <ManageEmployee  employeeId={employeeId} onClosed={()=>setShowModal(false)} />
+          className={`modal fade ${showModal ? "show" : ""} `}
-        </GlobalModel>
+          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-fluid">
         <Breadcrumb
@@ -234,7 +251,7 @@ const EmployeeProfile = () => {
                         </div>
                         <button
                           className="btn btn-primary btn-block"
-                          onClick={()=>setShowModal(true)}
+                          onClick={() => handleShow()}
                         >
                           Edit Profile
                         </button>