feat(FE-331): implement permission guard in master data productions standards

src/components/pages/master-data/production-standard/ProductionStandardTable.tsx

@@ -17,6 +17,7 @@ import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import toast from 'react-hot-toast';
 import { cn } from '@/lib/helper';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 const RowOptionsMenu = ({
   type = 'dropdown',
@@ -29,6 +30,7 @@ const RowOptionsMenu = ({
 }) => {
   return (
     <RowOptionsMenuWrapper type={type}>
+      <RequirePermission permissions='lti.master.production_standards.detail'>
         <Button
           href={`/master-data/production-standard/detail/?productionStandardId=${props.row.original.id}`}
           variant='ghost'
@@ -38,7 +40,9 @@ const RowOptionsMenu = ({
           <Icon icon='mdi:eye-outline' width={16} height={16} />
           Detail
         </Button>
+      </RequirePermission>
 
+      <RequirePermission permissions='lti.master.production_standards.update'>
         <Button
           href={`/master-data/production-standard/detail/edit/?productionStandardId=${props.row.original.id}`}
           variant='ghost'
@@ -48,7 +52,9 @@ const RowOptionsMenu = ({
           <Icon icon='material-symbols:edit-outline' width={16} height={16} />
           Edit
         </Button>
+      </RequirePermission>
 
+      <RequirePermission permissions='lti.master.production_standards.delete'>
         <Button
           onClick={deleteClickHandler}
           variant='ghost'
@@ -63,6 +69,7 @@ const RowOptionsMenu = ({
           />
           Delete
         </Button>
+      </RequirePermission>
     </RowOptionsMenuWrapper>
   );
 };
@@ -101,10 +108,16 @@ const ProductionStandardTable = () => {
     <>
       <div className='flex flex-col gap-6 p-6'>
         <div className='flex flex-row gap-6 justify-start'>
-          <Button href='/master-data/production-standard/add' variant='outline'>
+          <RequirePermission permissions='lti.master.production_standards.create'>
+            <Button
+              href='/master-data/production-standard/add'
+              variant='outline'
+            >
               <Icon icon='mdi:plus' /> Tambah
             </Button>
+          </RequirePermission>
         </div>
+        <RequirePermission permissions='lti.master.production_standards.list'>
           <Table<ProductionStandard>
             data={
               isResponseSuccess(productionStandards)
@@ -179,7 +192,9 @@ const ProductionStandardTable = () => {
               ),
             }}
           />
+        </RequirePermission>
       </div>
+      <RequirePermission permissions='lti.master.production_standards.delete'>
         <ConfirmationModal
           ref={deleteModal.ref}
           type='error'
@@ -194,6 +209,7 @@ const ProductionStandardTable = () => {
             onClick: confirmationModalDeleteClickHandler,
           }}
         />
+      </RequirePermission>
     </>
   );
 };

src/components/pages/master-data/production-standard/form/ProductionStandardForm.tsx

@@ -28,6 +28,7 @@ import { isResponseError } from '@/lib/api-helper';
 import toast from 'react-hot-toast';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import { useModal } from '@/components/Modal';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 type TableRowsType = {
   customRow: boolean;
@@ -1146,6 +1147,7 @@ const ProductionStandardForm = ({
         >
           {formType === 'detail' && (
             <div className='gap-2 flex items-center'>
+              <RequirePermission permissions='lti.master.production_standards.update'>
                 <Button
                   className='min-w-24'
                   color='warning'
@@ -1154,6 +1156,8 @@ const ProductionStandardForm = ({
                   <Icon icon='mdi:pencil' />
                   Edit
                 </Button>
+              </RequirePermission>
+              <RequirePermission permissions='lti.master.production_standards.delete'>
                 <Button
                   type='button'
                   className='min-w-24'
@@ -1165,9 +1169,11 @@ const ProductionStandardForm = ({
                   <Icon icon='mdi:delete' />
                   Hapus
                 </Button>
+              </RequirePermission>
             </div>
           )}
           {formType == 'edit' && (
+            <RequirePermission permissions='lti.master.production_standards.delete'>
               <Button
                 className='min-w-24'
                 color='error'
@@ -1179,6 +1185,7 @@ const ProductionStandardForm = ({
                 <Icon icon='mdi:delete' />
                 Hapus
               </Button>
+            </RequirePermission>
           )}
           <div className='gap-2 flex items-center'>
             {formType === 'detail' ? 'Detail' : 'Total'}{' '}

src/config/route-permission.ts

@@ -152,4 +152,15 @@ export const ROUTE_PERMISSIONS: Record<string, string[]> = {
   '/master-data/flock/add/': ['lti.master.flocks.create'],
   '/master-data/flock/detail/': ['lti.master.flocks.detail'],
   '/master-data/flock/detail/edit/': ['lti.master.flocks.update'],
+
+  '/master-data/production-standard/': ['lti.master.production_standards.list'],
+  '/master-data/production-standard/add/': [
+    'lti.master.production_standards.create',
+  ],
+  '/master-data/production-standard/detail/': [
+    'lti.master.production_standards.detail',
+  ],
+  '/master-data/production-standard/detail/edit/': [
+    'lti.master.production_standards.update',
+  ],
 };