From 69679db1be5e002b0813daefdf505d79cb88b0ca Mon Sep 17 00:00:00 2001
From: Vikas Nale <vikas@marcoaiot.com>
Date: Tue, 10 Jun 2025 20:07:06 +0530
Subject: [PATCH] show change password button to self only

---
 src/pages/employee/EmployeeProfile.jsx | 70 ++++++++++++++------------
 1 file changed, 39 insertions(+), 31 deletions(-)

diff --git a/src/pages/employee/EmployeeProfile.jsx b/src/pages/employee/EmployeeProfile.jsx
index a4ad6aba..dfa88241 100644
--- a/src/pages/employee/EmployeeProfile.jsx
+++ b/src/pages/employee/EmployeeProfile.jsx
@@ -10,6 +10,8 @@ import {
   useEmployees,
   useEmployeesByProject,
 } from "../../hooks/useEmployees";
+import { useProfile } from "../../hooks/useProfile";
+
 import { useSelector } from "react-redux";
 import EmployeeRepository from "../../repositories/EmployeeRepository";
 import { ComingSoonPage } from "../Misc/ComingSoonPage";
@@ -20,6 +22,8 @@ import ManageEmployee from "../../components/Employee/ManageEmployee";
 import { useChangePassword } from "../../components/Context/ChangePasswordContext";
 
 const EmployeeProfile = () => {
+  const { profile } = useProfile();
+
   const projectID = useSelector((store) => store.localVariables.projectId);
   const { employeeId } = useParams();
   // const {employee,loading} = useEmployeeProfile(employeeId)
@@ -97,28 +101,28 @@ const EmployeeProfile = () => {
   if (loading) {
     return <div>Loading...</div>;
   }
-const { openChangePassword } = useChangePassword();
+  const { openChangePassword } = useChangePassword();
   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 ">
+    <>
+      {" "}
+      {showModal && (
         <div
-          className="modal-content overflow-y-auto overflow-x-hidden"
-          style={{ maxHeight: "90vh" }}
+          className={`modal fade ${showModal ? "show" : ""} `}
+          tabIndex="-1"
+          role="dialog"
+          style={{ display: showModal ? "block" : "none" }}
+          aria-hidden={!showModal}
         >
-          <ManageEmployee
-            employeeId={employeeId}
-            onClosed={closeModal}
-          />
+          <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>
-    </div>)}
-
+      )}
       <div className="container-xxl flex-grow-1 container-p-y">
         <Breadcrumb
           data={[
@@ -188,7 +192,9 @@ const { openChangePassword } = useChangePassword();
                               </tr>
 
                               <tr>
-                                <td className="fw-medium text-start">Gender:</td>
+                                <td className="fw-medium text-start">
+                                  Gender:
+                                </td>
                                 <td className="text-start">
                                   {currentEmployee?.gender || <em>NA</em>}
                                 </td>
@@ -231,9 +237,13 @@ const { openChangePassword } = useChangePassword();
                                 </td>
                               </tr>
                               <tr>
-                                <td className="fw-medium text-start">Address:</td>
+                                <td className="fw-medium text-start">
+                                  Address:
+                                </td>
                                 <td className="text-start">
-                                  {currentEmployee?.currentAddress || <em>NA</em>}
+                                  {currentEmployee?.currentAddress || (
+                                    <em>NA</em>
+                                  )}
                                 </td>
                               </tr>
                             </tbody>
@@ -245,15 +255,14 @@ const { openChangePassword } = useChangePassword();
                         >
                           Edit Profile
                         </button>
-
-                        <button
-                          className="btn btn-outline-primary btn-block mt-2"
-                          onClick={() => openChangePassword()}
-                        >
-                          Change Password
-                        </button>
-
-
+                        {currentEmployee?.id == profile?.employeeInfo?.id && (
+                          <button
+                            className="btn btn-outline-primary btn-block mt-2"
+                            onClick={() => openChangePassword()}
+                          >
+                            Change Password
+                          </button>
+                        )}
                       </div>
                     </div>
                   </div>
@@ -276,7 +285,6 @@ const { openChangePassword } = useChangePassword();
         </div>
       </div>
     </>
-
   );
 };