src/pages/employee/EmployeeList.jsx

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