fix(FE-86-87-88) Hapus tombol edit di index, tambah tombol approve dan delete di detail, dan hit endpoint approve yang udah ada di hoppscocth

src/components/pages/production/project-flock/ProjectFlockTable.tsx

@@ -10,11 +10,12 @@ import Table from '@/components/Table';
 import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import RowDropdownOptions from '@/components/table/RowDropdownOptions';
 import { ROWS_OPTIONS } from '@/config/constant';
-import { isResponseSuccess } from '@/lib/api-helper';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { cn } from '@/lib/helper';
 import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data';
 import { ProjectFlockApi } from '@/services/api/production';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
+import { BaseApiResponse } from '@/types/api/api-general';
 import { Kandang } from '@/types/api/master-data/kandang';
 import { ProjectFlock } from '@/types/api/production/project-flock';
 import { Icon } from '@iconify/react';
@@ -57,7 +58,7 @@ const RowOptionsMenu = ({
         <Icon icon='mdi:eye-outline' width={16} height={16} />
         Detail
       </Button>
-      <Button
+      {/* <Button
         href={`/production/project-flock/detail/edit?projectFlockId=${props.row.original.id}`}
         variant='ghost'
         color='warning'
@@ -65,7 +66,7 @@ const RowOptionsMenu = ({
       >
         <Icon icon='mdi:pencil-outline' width={16} height={16} />
         Edit
-      </Button>
+      </Button> */}
       <Button
         onClick={deleteClickHandler}
         variant='ghost'
@@ -194,6 +195,7 @@ const ProjectFlockTable = () => {
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
   const [selectedIds, setSelectedIds] = useState<number[]>([]);
   const [selectedFlocks, setSelectedFlocks] = useState<ProjectFlock[]>([]);
+  const [isApproveLoading, setIsApproveLoading] = useState(false);
 
   // Columns
   const projectFlocksColumns: ColumnDef<ProjectFlock>[] = [
@@ -260,7 +262,7 @@ const ProjectFlockTable = () => {
               {kandangNames.length > 0 ? kandangNames.join(', ') : 'Tidak ada'}
             </div>
           );
-        }else{
+        } else {
           return '-';
         }
       },
@@ -377,6 +379,30 @@ const ProjectFlockTable = () => {
     }
   };
 
+  const confirmationModalApproveClickHandler = async () => {
+    setIsApproveLoading(true);
+    const approveProjectFlockRes = await ProjectFlockApi.customRequest<
+      BaseApiResponse<ProjectFlock>,
+      'POST'
+    >(`/approve`, {
+      method: 'POST',
+      payload: 'POST',
+      params: {
+        ids: selectedFlocks.map((flock) => flock.id).join(','),
+      },
+    });
+
+    if (isResponseSuccess(approveProjectFlockRes)) {
+      toast.success('Project Flock berhasil di-approve!');
+      confirmModal.closeModal();
+    }
+    if (isResponseError(approveProjectFlockRes)) {
+      toast.error(approveProjectFlockRes?.message as string);
+      confirmModal.closeModal();
+    }
+    setIsApproveLoading(false);
+  };
+
   return (
     <>
       <div className='w-full p-0 sm:p-4'>
@@ -557,10 +583,8 @@ const ProjectFlockTable = () => {
         primaryButton={{
           text: 'Ya',
           color: 'success',
-          onClick: async () => {
-            toast.success('Project Flock berhasil di-approve!');
-            confirmModal.closeModal();
-          },
+          onClick: confirmationModalApproveClickHandler,
+          isLoading: isApproveLoading,
         }}
       />
     </>