src/pages/employee/EmployeeList.jsx

@@ -22,6 +22,8 @@ import {
 import EmployeeRepository from "../../repositories/EmployeeRepository";
 import ManageEmployee from "../../components/Employee/ManageEmployee";
 import ConfirmModal from "../../components/common/ConfirmModal";
+import GlobalModel from "../../components/common/GlobalModel";
+import AssignToProject from "./AssignToProject";
 
 const EmployeeList = () => {
   const { profile: loginUser } = useProfile();
@@ -47,7 +49,8 @@ const EmployeeList = () => {
   const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [selectedEmpFordelete, setSelectedEmpFordelete] = useState(null);
   const [employeeLodaing, setemployeeLodaing] = useState(false);
-
+  const [ selectedEmployee, setSelectEmployee ] = useState( null )
+  const [IsOpenAsssingModal,setOpenAssignModal] = useState(false)
   const navigate = useNavigate();
 
   const handleSearch = (e) => {
@@ -240,6 +243,11 @@ const EmployeeList = () => {
         </div>
       )}
 
+      {IsOpenAsssingModal && ( <GlobalModel isOpen={IsOpenAsssingModal} closeModal={()=>setOpenAssignModal(false)}>
+        <AssignToProject employee={selectedEmployee} onClose={() => setOpenAssignModal( false )} />
+      </GlobalModel>)}
+     
+
       <div className="container-xxl flex-grow-1 container-p-y">
         <Breadcrumb
           data={[
@@ -642,6 +650,19 @@ const EmployeeList = () => {
                                         <i className="bx bx-cog bx-sm"></i>{" "}
                                         Manage Role
                                       </button>
+                                      <button
+                                        className="dropdown-item py-1"
+                                     
+                                        onClick={() =>
+                                        {
+                                          setSelectEmployee( item ),
+                                          setOpenAssignModal(true)
+                                        }
+                                        }
+                                      >
+                                        <i className="bx bx-cog bx-sm"></i>{" "}
+                                       Assign Project
+                                      </button>
                                     </>
                                   )}
                                 </div>