From 559d6cdaac1919f89e1e3261b43cc08ed1dde1bb Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Thu, 13 Nov 2025 09:54:54 +0530
Subject: [PATCH] Adding Employee details at mange Reporting popup.

---
 src/components/Employee/ManageReporting.jsx | 8 ++++++--
 src/pages/employee/EmployeeList.jsx         | 9 ++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Employee/ManageReporting.jsx b/src/components/Employee/ManageReporting.jsx
index 8d76b268..e2ebd9a3 100644
--- a/src/components/Employee/ManageReporting.jsx
+++ b/src/components/Employee/ManageReporting.jsx
@@ -6,7 +6,7 @@ import PmsEmployeeInputTag from "../common/PmsEmployeeInputTag";
 import { useManageEmployeeHierarchy, useOrganizationHierarchy } from "../../hooks/useEmployees";
 import { ManageReportingSchema, defaultManageReporting } from "./EmployeeSchema";
 
-const ManageReporting = ({ onClosed, employeeId }) => {
+const ManageReporting = ({ onClosed, employee, employeeId }) => {
   const {
     handleSubmit,
     control,
@@ -91,7 +91,11 @@ const ManageReporting = ({ onClosed, employeeId }) => {
   return (
     <div>
       <form onSubmit={handleSubmit(onSubmit)} className="p-sm-0 p-2">
-        <h5 className="m-0 py-1 mb-3">Update Reporting Manager</h5>
+        <h5 className="m-0 py-1 mb-3">
+          Update Reporting Manager (
+          {`${employee.firstName || ""} ${employee.middleName || ""} ${employee.lastName || ""}`.trim()}
+          )
+        </h5>
 
         {/* Primary */}
         <div className="mb-4 text-start">
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index fec82798..57ab5031 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -70,6 +70,7 @@ const EmployeeList = () => {
   const [filteredData, setFilteredData] = useState([]);
   const [showModal, setShowModal] = useState(false);
   const [selectedEmployeeId, setSelectedEmployeeId] = useState(null);
+  const [selectedEmployee, setSelectedEmployee] = useState(null);
   const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [selectedEmpFordelete, setSelectedEmpFordelete] = useState(null);
   const [showManageReportingModal, setShowManageReportingModal] = useState(false);
@@ -154,8 +155,9 @@ const EmployeeList = () => {
     setShowModal(true);
   };
 
-  const handleManageReporting = (id) => {
-    setSelectedEmployeeId(id);
+  const handleManageReporting = (employee) => {
+    setSelectedEmployee(employee);
+    setSelectedEmployeeId(employee.id);
     setShowManageReportingModal(true);
   };
 
@@ -248,6 +250,7 @@ const EmployeeList = () => {
           closeModal={() => setShowManageReportingModal(false)}
         >
           <ManageReporting
+            employee={selectedEmployee}
             employeeId={selectedEmployeeId}
             onClosed={() => setShowManageReportingModal(false)}
           />
@@ -659,7 +662,7 @@ const EmployeeList = () => {
                                         data-bs-toggle="modal"
                                         data-bs-target="#managerole-modal"
                                         onClick={() =>
-                                          handleManageReporting(item.id)
+                                          handleManageReporting(item)
                                         }
                                       >
                                         <i className="bx bx-network-chart bx-sm"></i>{" "}