refactor(FE-238-239-240): implement approval workflow chickin & project flock, membuat custom hook useApprovals, dan handling error format approvals

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

@@ -10,6 +10,9 @@ import Tabs from '@/components/Tabs';
 import ChickinFormView from './tabs/ChickinFormView';
 import ChickinLogsView from './tabs/ChickLogsView';
 import { useState } from 'react';
+import ApprovalSteps, {
+  useApprovalSteps,
+} from '@/components/pages/ApprovalSteps';
 const ChickinFormKandang = ({
   formType = 'add',
   initialValues,
@@ -21,9 +24,20 @@ const ChickinFormKandang = ({
 }) => {
   const [activeTabId, setActiveTabId] = useState<string>('formChickIn');
 
+  const {
+    approvals,
+    isLoading: approvalsLoading,
+    refresh: refreshApprovals,
+  } = useApprovalSteps({
+    moduleUrl: `/production/project-flock-kandangs/${initialValues?.id}`,
+    moduleName: 'PROJECT_FLOCK_KANDANGS',
+    moduleId: initialValues?.id.toString() ?? '',
+  });
+
   const afterSubmitFormChickin = () => {
     setActiveTabId('logsChickIn');
     afterSubmit && afterSubmit();
+    refreshApprovals();
   };
 
   return (
@@ -32,6 +46,11 @@ const ChickinFormKandang = ({
         title='Chick In DOC'
         backUrl={`/production/project-flock/chickin/add?projectFlockId=${initialValues?.project_flock?.id}`}
       />
+
+      {approvals && !approvalsLoading && (
+        <ApprovalSteps approvals={approvals} />
+      )}
+
       <Card
         title='Informasi Kandang'
         className={{
@@ -108,7 +127,7 @@ const ChickinFormKandang = ({
             content: (
               <ChickinLogsView
                 initialValues={initialValues}
-                afterSubmit={afterSubmit}
+                afterSubmit={afterSubmitFormChickin}
               />
             ),
             id: 'logsChickIn',

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

@@ -47,9 +47,7 @@ const ChickinLogsView = ({
     }
     confirmModal.closeModal();
     setIsApproveLoading(false);
-    if (afterSubmit) {
-      afterSubmit();
-    }
+    afterSubmit && afterSubmit();
   };
 
   return (