Adding Change Password button on Employee Profile Page.

src/pages/employee/EmployeeProfile.jsx

@@ -17,6 +17,8 @@ import { useNavigate } from "react-router-dom";
 import Avatar from "../../components/common/Avatar";
 import AttendancesEmployeeRecords from "./AttendancesEmployeeRecords";
 import ManageEmployee from "../../components/Employee/ManageEmployee";
+import { useChangePassword } from "../../components/Context/ChangePasswordContext";
+
 const EmployeeProfile = () => {
   const projectID = useSelector((store) => store.localVariables.projectId);
   const { employeeId } = useParams();
@@ -95,7 +97,7 @@ const EmployeeProfile = () => {
   if (loading) {
     return <div>Loading...</div>;
   }
-
+const { openChangePassword } = useChangePassword();
   return (
     <>    {showModal && (<div
       className={`modal fade ${showModal ? "show" : ""} `}
@@ -239,12 +241,19 @@ const EmployeeProfile = () => {
                         </div>
                         <button
                           className="btn btn-primary btn-block"
-                        onClick={() =>
-                          handleShow()
-                        }
+                          onClick={() => handleShow()}
                         >
                           Edit Profile
                         </button>
+
+                        <button
+                          className="btn btn-outline-primary btn-block mt-2"
+                          onClick={() => openChangePassword()}
+                        >
+                          Change Password
+                        </button>
+
+
                       </div>
                     </div>
                   </div>