Hide infra manage buttons if not allowed

This commit is contained in:
Vikas Nale 2025-05-04 13:12:34 +05:30
parent 028f717ae2
commit 2e2a5438d8

View File

@ -3,7 +3,7 @@ import AssignRoleModel from "../AssignRole";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
//import EditActivityModal from "./EditActivityModal"; //import EditActivityModal from "./EditActivityModal";
import { useHasUserPermission } from "../../../hooks/useHasUserPermission"; import { useHasUserPermission } from "../../../hooks/useHasUserPermission";
import { MANAGE_TASK } from "../../../utils/constants"; import { MANAGE_PROJECT_INFRA, MANAGE_TASK } from "../../../utils/constants";
const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => { const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
const { projectId } = useParams(); const { projectId } = useParams();
@ -12,6 +12,8 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
const [isModalOpen, setIsModalOpen] = useState(false); const [isModalOpen, setIsModalOpen] = useState(false);
const [showModal, setShowModal] = useState(false); const [showModal, setShowModal] = useState(false);
const ManageTasks = useHasUserPermission(MANAGE_TASK); const ManageTasks = useHasUserPermission(MANAGE_TASK);
const ManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA);
const openModal = () => setIsModalOpen(true); const openModal = () => setIsModalOpen(true);
const closeModal = () => setIsModalOpen(false); const closeModal = () => setIsModalOpen(false);
const getProgress = (planned, completed) => { const getProgress = (planned, completed) => {
@ -138,6 +140,8 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
</span> </span>
</button> </button>
)} )}
{!projectId && ManageInfra && (
<>
<button <button
aria-label="Modify" aria-label="Modify"
type="button" type="button"
@ -166,10 +170,14 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
data-bs-original-title="Delete Activity" data-bs-original-title="Delete Activity"
></i> ></i>
</button> </button>
</>
)}
</div> </div>
</td> </td>
<td className="text-end d-sm-none d-sm-table-cell"> <td className="text-end d-sm-none d-sm-table-cell">
<div className="d-flex align-items-center justify-content-center "> <div className="d-flex align-items-center justify-content-center ">
{ManageInfra && (
<>
<a <a
className={`btn btn-icon dropdown-toggle hide-arrow`} className={`btn btn-icon dropdown-toggle hide-arrow`}
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
@ -199,6 +207,8 @@ const WorkItem = ({ workItem, forBuilding, forFloor, forWorkArea }) => {
</a> </a>
)} )}
</div> </div>
</>
)}
</div> </div>
</td> </td>
</tr> </tr>