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

src/components/pages/production/project-flock/chickin/ProjectFlockChickinDetail.tsx

@@ -58,7 +58,15 @@ const ProjectFlockChickinDetail = ({
     options: options,
     isLoadingOptions: isLoadingListProjectFlock,
     rawData: listProjectFlock,
-  } = useSelect<ProjectFlock>(ProjectFlockApi.basePath, 'id', 'flock_name');
+  } = useSelect<ProjectFlock>(
+    ProjectFlockApi.basePath,
+    'id',
+    'flock_name',
+    '',
+    {
+      search: searchProjectFlock,
+    }
+  );
 
   // Handle Function
   const handleChickinClick = async (
@@ -242,7 +250,7 @@ const ProjectFlockChickinDetail = ({
             </div>
           }
           data={
-            isResponseSuccess(listProjectFlockKandang)
+            projectFlock && isResponseSuccess(listProjectFlockKandang)
               ? listProjectFlockKandang.data
               : []
           }
@@ -293,6 +301,8 @@ const ProjectFlockChickinDetail = ({
                       .replace(/_/g, ' ')
                       .replace(/\b\w/g, (char) => char.toUpperCase())}
                   />
+                ) : projectFlock?.approval?.step_number === 1 ? (
+                  <PillBadge color='red' content={'Tidak Dapat Chick In'} />
                 ) : (
                   <PillBadge color='gray' content={'Belum Chick In'} />
                 );
@@ -310,6 +320,7 @@ const ProjectFlockChickinDetail = ({
                         handleChickinClick(props.row.original);
                       }}
                       className='p-1'
+                      disabled={projectFlock?.approval?.step_number === 1}
                     >
                       <Icon
                         icon='mdi:home-import-outline'