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

Refactor employee action dropdown for better accessibility and code clarity #3

Merged
admin merged 1 commits from vaibhav_bug_Issue-#49 into Feature_Task_Management 2025-04-08 07:53:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +26 -42
1 changed files with 26 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/employee/EmployeeList.jsx
View File

@ -372,49 +372,33 @@ const EmployeeList = () =>
Active Active
</span> </span>
</td> </td>
<td className={`d-flex justify-content-end justify-content-sm-center ${!ManageEmployee && 'd-none'} `}> {ManageEmployee && (
<div className="d-flex align-items-center "> <td className="text-end">
<a <div className="dropdown">
className={`btn btn-icon dropdown-toggle hide-arrow`} <button className="btn btn-icon dropdown-toggle hide-arrow" data-bs-toggle="dropdown">
data-bs-toggle="dropdown"
>
<i className="bx bx-dots-vertical-rounded bx-md"></i> <i className="bx bx-dots-vertical-rounded bx-md"></i>
</a> </button>
<div className="dropdown-menu dropdown-menu-end">
<div className="dropdown-menu dropdown-menu-end m-0"> <button onClick={() => navigate(`/employee/${item.id}`)} className="dropdown-item">
{" "}
<a
onClick={()=> navigate(`/employee/${item.id}`)}
className="dropdown-item"
>
View View
</a> </button>
<Link to={`/employee/manage/${item.id}`} className="dropdown-item">
<Link
className={`dropdown-item `}
to={`/employee/manage/${item.id}`}
>
Edit Edit
</Link> </Link>
<button className="dropdown-item">Suspend</button>
<a className="dropdown-item"> <button
Suspend
</a>
<a
className="dropdown-item" className="dropdown-item"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#managerole-modal" data-bs-target="#managerole-modal"
onClick={() => { onClick={() => handleConfigData(item.id)}
handleConfigData(item.id);
}}
> >
Manage Role Manage Role
</a> </button>
</div> </div>
</div> </div>
</td> </td>
)}
</tr> </tr>
) )} ) )}