admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

show change password button to self only

Browse Source
This commit is contained in:
Vikas Nale 2025-06-10 20:07:06 +05:30
parent a480c3b111
commit 9b40317eb2
1 changed files with 39 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/pages/employee/EmployeeProfile.jsx
View File

@ -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>
</>
);
};