feat(FE-331): implement permission guard in purchase

This commit is contained in:
ValdiANS
2025-12-26 16:21:22 +07:00
parent 1152cd2bef
commit 4be719b9d8
3 changed files with 128 additions and 88 deletions
@@ -32,6 +32,7 @@ import {
} from '@/types/api/purchase/purchase';
import { BaseApproval, BaseGroupedApproval } from '@/types/api/api-general';
import { useRouter } from 'next/navigation';
import RequirePermission from '@/components/helper/RequirePermission';
interface PurchaseOrderStaffApprovalFormProps {
type?: 'add' | 'edit';
@@ -897,20 +898,25 @@ const PurchaseOrderStaffApprovalForm = ({
<div className='flex justify-center'>
{canUpdatePurchaseItems &&
canShowDeleteAddButtons && (
<Button
type='button'
color='error'
onClick={() =>
removePurchaseItem(formItemIndex)
}
title='Hapus item'
>
<Icon
icon='mdi:trash-can'
width={16}
height={16}
/>
</Button>
<RequirePermission permissions='lti.purchase.delete.item'>
<Button
type='button'
color='error'
className='text-sm w-fit'
onClick={() =>
removePurchaseItem(
formItemIndex
)
}
title='Hapus item'
>
<Icon
icon='mdi:trash-can'
width={16}
height={16}
/>
</Button>
</RequirePermission>
)}
</div>
</td>