handle infra icon issue

src/components/Project/AssignRole.jsx

@@ -37,7 +37,6 @@ const AssignRoleModel = ({ assignData, onClose }) => {
     ),
   });
   const [plannedTask, setPlannedTask] = useState();
-  const { openModal, closeModal } = useModal();
   const selectedProject = useSelector(
     (store) => store.localVariables.projectId
   );

src/components/Project/Infrastructure/WorkItem.jsx

@@ -47,7 +47,7 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
   const closeModal1 = () => setShowModal(false);
   return (
     <>
-      {showModal && (
+      {isModalOpen && (
         <div
           className={`modal fade ${isModalOpen ? "show" : ""}`}
           tabIndex="-1"
@@ -124,7 +124,7 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
             ></div>
           </div>
         </td>
-        <td className="d-none d-md-table-cell">
+        <td className="d-md-table-cell">
           <div className="dropdown">
             {!projectId && ManageTasks && (
               <button
@@ -174,43 +174,6 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
             )}
           </div>
         </td>
-        <td className="text-end d-sm-none d-sm-table-cell">
-          <div className="d-flex align-items-center justify-content-center ">
-            {ManageInfra && (
-              <>
-                <a
-                  className={`btn btn-icon dropdown-toggle hide-arrow`}
-                  data-bs-toggle="dropdown"
-                >
-                  <i className="bx bx-dots-vertical-rounded bx-md"></i>
-                </a>
-
-                <div className="dropdown-menu dropdown-menu-end m-0">
-                  {" "}
-                  <a className="dropdown-item " onClick={showModal1}>
-                    {" "}
-                    <i className="bx bxs-edit me-2 text-primary"></i>Edit
-                  </a>
-                  <a className="dropdown-item" onClick={showModal1}>
-                    {" "}
-                    <i className="bx bx-trash me-1 text-danger"></i>Delete
-                  </a>
-                  {!projectId && (
-                    <a
-                      className="dropdown-item"
-                      data-bs-toggle="modal"
-                      data-bs-target="#project-modal"
-                      onClick={openModal}
-                    >
-                      {" "}
-                      <i className="bx bx-task me-1 text-info"></i>Assign
-                    </a>
-                  )}
-                </div>
-              </>
-            )}
-          </div>
-        </td>
       </tr>
     </>
   );