fix(FE-86): fixing approve button and delete button

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

@@ -3,7 +3,6 @@
 import Button from '@/components/Button';
 import DebouncedTextInput from '@/components/input/DebouncedTextInput';
 import SelectInput, { OptionType } from '@/components/input/SelectInput';
-import TextInput from '@/components/input/TextInput';
 import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import Table from '@/components/Table';
@@ -22,10 +21,9 @@ import { Icon } from '@iconify/react';
 import {
   CellContext,
   ColumnDef,
-  ColumnSort,
   SortingState,
 } from '@tanstack/react-table';
-import { ChangeEventHandler, useCallback, useEffect, useState } from 'react';
+import { ChangeEventHandler, useState } from 'react';
 import toast from 'react-hot-toast';
 import useSWR from 'swr';
 
@@ -140,7 +138,6 @@ const ProjectFlockTable = () => {
   const {
     data: areas,
     isLoading: isLoadingAreas,
-    mutate: refreshAreas,
   } = useSWR(areaUrl, AreaApi.getAllFetcher);
 
   const locationUrl = `${LocationApi.basePath}?${new URLSearchParams({
@@ -151,7 +148,6 @@ const ProjectFlockTable = () => {
   const {
     data: locations,
     isLoading: isLoadingLocations,
-    mutate: refreshLocations,
   } = useSWR(locationUrl, LocationApi.getAllFetcher);
 
   const kandangUrl = `${KandangApi.basePath}?${new URLSearchParams({
@@ -163,7 +159,6 @@ const ProjectFlockTable = () => {
   const {
     data: kandangs,
     isLoading: isLoadingKandang,
-    mutate: refreshKandang,
   } = useSWR(kandangUrl, KandangApi.getAllFetcher);
 
   // Data to Options Mapping
@@ -337,19 +332,6 @@ const ProjectFlockTable = () => {
   const searchChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {
     updateFilter('search', e.target.value);
   };
-  const updateSortingFilter = useCallback(
-    (
-      sortName: Exclude<keyof typeof tableFilterState, 'page' | 'pageSize'>,
-      sortFilter: ColumnSort | undefined
-    ) => {
-      if (!sortFilter) {
-        updateFilter(sortName, '');
-      } else {
-        updateFilter(sortName, sortFilter.desc ? 'desc' : 'asc');
-      }
-    },
-    [updateFilter]
-  );
   const handleSelectAll = (checked: boolean) => {
     if (checked && isResponseSuccess(projectFlocks)) {
       const allIds = projectFlocks.data.map((item) => item.id);
@@ -458,6 +440,7 @@ const ProjectFlockTable = () => {
                     (val as OptionType)?.value.toString()
                   );
                 }}
+                onInputChange={setAreaSelectInputValue}
                 isClearable
               />
               <SelectInput
@@ -472,6 +455,7 @@ const ProjectFlockTable = () => {
                     (val as OptionType)?.value.toString()
                   );
                 }}
+                onInputChange={setLocationSelectInputValue}
                 isClearable
               />
               <SelectInput
@@ -486,6 +470,7 @@ const ProjectFlockTable = () => {
                     (val as OptionType)?.value.toString()
                   );
                 }}
+                onInputChange={setKandangSelectInputValue}
                 isClearable
               />
               <DebouncedTextInput
@@ -569,7 +554,7 @@ const ProjectFlockTable = () => {
           selectedFlocks.length > 0
             ? `Apakah anda yakin ingin approve Project Flock berikut? (${selectedFlocks
                 .map(
-                  (flock, index) =>
+                  (flock) =>
                     `${flock.flock?.name ?? '(Tanpa nama)'} - ${
                       flock.area?.name ?? '-'
                     }`