feat(FE-331): implement permission guard in project flock, chickin and closing kandang

src/components/pages/production/chickin/form/ChickinForm.tsx

@@ -17,6 +17,7 @@ import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
 import { Icon } from '@iconify/react';
 import Badge from '@/components/Badge';
 import { CHICKINS_APPROVAL_LINE } from '@/config/approval-line';
+import RequirePermission from '@/components/helper/RequirePermission';
 const ChickinFormKandang = ({
   formType = 'add',
   initialValues,
@@ -144,17 +145,24 @@ const ChickinFormKandang = ({
         <h2 className='text-xl font-semibold'>Informasi Chick In</h2>
         {/* Badge Row  */}
         <div className='flex flex-row gap-2'>
-          <Badge
-            variant='soft'
-            color={'success'}
-            className={{
-              badge: 'rounded-lg px-2',
-            }}
-          >
-            <Icon icon='mdi:circle' width={12} height={12} color={'success'} />{' '}
-            Perlu Chick In ({initialValues.available_qtys?.length ?? 0})
-          </Badge>
-          <div className='divider divider-horizontal p-0 m-0'></div>
+          <RequirePermission permissions='lti.production.chickins.create'>
+            <Badge
+              variant='soft'
+              color={'success'}
+              className={{
+                badge: 'rounded-lg px-2',
+              }}
+            >
+              <Icon
+                icon='mdi:circle'
+                width={12}
+                height={12}
+                color={'success'}
+              />{' '}
+              Perlu Chick In ({initialValues.available_qtys?.length ?? 0})
+            </Badge>
+            <div className='divider divider-horizontal p-0 m-0'></div>
+          </RequirePermission>
           <Badge
             color='neutral'
             variant='soft'
@@ -176,11 +184,13 @@ const ChickinFormKandang = ({
           afterSubmit={afterSubmitFormChickin}
         />
       )}
-      <ChickinFormView
-        initialValues={initialValues}
-        formType={formType}
-        afterSubmit={afterSubmitFormChickin}
-      />
+      <RequirePermission permissions='lti.production.chickins.create'>
+        <ChickinFormView
+          initialValues={initialValues}
+          formType={formType}
+          afterSubmit={afterSubmitFormChickin}
+        />
+      </RequirePermission>
     </>
   );
 };

src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx

@@ -1,6 +1,7 @@
 import Alert from '@/components/Alert';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
+import RequirePermission from '@/components/helper/RequirePermission';
 import { useModal } from '@/components/Modal';
 import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import PillBadge from '@/components/PillBadge';
@@ -146,14 +147,16 @@ const ChickinLogsView = ({
         )}
 
         {initialValues?.approval?.step_number <= 2 && (
-          <Button
-            color='success'
-            onClick={handleClickApprove}
-            className='w-full'
-          >
-            <Icon width={24} height={24} icon='material-symbols:check' />
-            Approve Semua Chick In
-          </Button>
+          <RequirePermission permissions='lti.production.chickins.approve'>
+            <Button
+              color='success'
+              onClick={handleClickApprove}
+              className='w-full'
+            >
+              <Icon width={24} height={24} icon='material-symbols:check' />
+              Approve Semua Chick In
+            </Button>
+          </RequirePermission>
         )}
 
         {chickinErrorMessage && (