From a094eb94a5ea0ac31a796ccb35fccfb9eb1b499b Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:16:34 +0700
Subject: [PATCH 1/7] chore: render see more button conditionally

---
 src/components/helper/ApprovalStepsV2.tsx | 38 ++++++++++++-----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/helper/ApprovalStepsV2.tsx b/src/components/helper/ApprovalStepsV2.tsx
index 6b731a72..dc21453e 100644
--- a/src/components/helper/ApprovalStepsV2.tsx
+++ b/src/components/helper/ApprovalStepsV2.tsx
@@ -176,24 +176,26 @@ const ApprovalStepsV2 = ({
         })}
       </div>
 
-      <Button
-        variant='outline'
-        color='none'
-        onClick={seeMoreClickHandler}
-        className={cn(
-          'px-3 py-2 gap-2.5 text-sm text-base-content/50 border border-base-content/10 rounded-lg transition-all'
-        )}
-      >
-        <Icon
-          icon='heroicons-outline:chevron-double-down'
-          width={20}
-          height={20}
-          className={cn('transition-all duration-300', {
-            '-rotate-180': isSeeAll,
-          })}
-        />
-        See {isSeeAll ? 'Less' : 'More'}
-      </Button>
+      {formattedApprovals.length > maxVisibleSteps && (
+        <Button
+          variant='outline'
+          color='none'
+          onClick={seeMoreClickHandler}
+          className={cn(
+            'px-3 py-2 gap-2.5 text-sm text-base-content/50 border border-base-content/10 rounded-lg transition-all'
+          )}
+        >
+          <Icon
+            icon='heroicons-outline:chevron-double-down'
+            width={20}
+            height={20}
+            className={cn('transition-all duration-300', {
+              '-rotate-180': isSeeAll,
+            })}
+          />
+          See {isSeeAll ? 'Less' : 'More'}
+        </Button>
+      )}
     </div>
   );
 };

From 68ccb66e5c40f45c90568ca449de5ac667786c30 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:16:41 +0700
Subject: [PATCH 2/7] chore: update TextInput styling

---
 src/components/input/TextInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/input/TextInput.tsx b/src/components/input/TextInput.tsx
index da0d4325..2365d73d 100644
--- a/src/components/input/TextInput.tsx
+++ b/src/components/input/TextInput.tsx
@@ -118,7 +118,7 @@ const TextInput = ({
 
           <div
             className={cn(
-              'input h-fit px-3 py-2.5 text-sm font-normal leading-6 flex-1 rounded-lg! outline-none! transition-all duration-200 flex items-center bg-white border-base-content/10',
+              'input h-fit px-3 py-2.5 gap-1.5 text-sm font-normal leading-6 flex-1 rounded-lg! outline-none! transition-all duration-200 flex items-center bg-white border-base-content/10',
               {
                 'border-error': isError,
                 'border-success!': isValid,
@@ -182,7 +182,7 @@ const TextInput = ({
       ) : (
         <div
           className={cn(
-            'input h-fit px-3 py-2.5 text-sm font-normal leading-6 w-full rounded-lg! outline-none! transition-all duration-200 bg-white border-base-content/10',
+            'input h-fit px-3 py-2.5 gap-1.5 text-sm font-normal leading-6 w-full rounded-lg! outline-none! transition-all duration-200 bg-white border-base-content/10',
             {
               'border-error': isError,
               'border-success!': isValid,

From fcbb34624d333dfc475d3be42b78df6346ef92f3 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:17:13 +0700
Subject: [PATCH 3/7] fix: get real max quantity in target project flock
 kandang

---
 .../TransferToLayingFormModal.tsx             | 64 +++++++++++++++----
 1 file changed, 51 insertions(+), 13 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
index 9f71fdc5..3ade0946 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
@@ -288,6 +288,48 @@ const TransferToLayingFormModal = () => {
     return { available: countAvailable, unavailable: countUnavailable };
   }, [mappedFlockSourceKandangsAvailability]);
 
+  const {
+    data: flockDestinationKandangsMaxTargetQty,
+    isLoading: isLoadingFlockDestinationKandangsMaxTargetQty,
+  } = useSWR(
+    formik.values.flockDestination
+      ? [
+          'transfer-to-laying',
+          'max-target-qty',
+          String(formik.values.flockDestination.value),
+        ]
+      : undefined,
+    ([, , id]: string[]) =>
+      TransferToLayingApi.getMappedFlockKandangsMaxTargetQty(Number(id))
+  );
+
+  const mappedFlockDestinationKandangsMaxTargetQty: {
+    kandang_name: string;
+    max_target_qty: number;
+    project_flock_kandang_id: number;
+  }[] = useMemo(() => {
+    if (
+      !flockDestinationKandangsMaxTargetQty ||
+      !selectedFlockDestinationRawData
+    )
+      return [];
+
+    return selectedFlockDestinationRawData
+      ? selectedFlockDestinationRawData.kandangs.map((kandang) => {
+          const maxQty =
+            flockDestinationKandangsMaxTargetQty[
+              kandang.project_flock_kandang_id
+            ]?.max_target_qty;
+
+          return {
+            kandang_name: kandang.name,
+            max_target_qty: maxQty,
+            project_flock_kandang_id: kandang.project_flock_kandang_id,
+          };
+        })
+      : [];
+  }, [flockDestinationKandangsMaxTargetQty, selectedFlockDestinationRawData]);
+
   const mappedFlockDestinationKandangsAvailabilityInfo: {
     available: number;
     unavailable: number;
@@ -298,9 +340,8 @@ const TransferToLayingFormModal = () => {
     let countAvailable = 0;
     let countUnavailable = 0;
 
-    selectedFlockDestinationRawData?.kandangs.forEach((item) => {
-      // TODO: change this to real available quota later
-      if (item.capacity > 0) {
+    mappedFlockDestinationKandangsMaxTargetQty.forEach((item) => {
+      if (item.max_target_qty > 0) {
         countAvailable += 1;
       } else {
         countUnavailable += 1;
@@ -308,7 +349,7 @@ const TransferToLayingFormModal = () => {
     });
 
     return { available: countAvailable, unavailable: countUnavailable };
-  }, [selectedFlockDestinationRawData]);
+  }, [mappedFlockDestinationKandangsMaxTargetQty]);
 
   const totalEnteredChickenForTransfer =
     formik.values.flockSourceKandangs.reduce(
@@ -648,10 +689,9 @@ const TransferToLayingFormModal = () => {
                   </div>
 
                   <div className='w-full rounded-xl border border-base-content/10'>
-                    {selectedFlockDestinationRawData?.kandangs.map(
+                    {mappedFlockDestinationKandangsMaxTargetQty.map(
                       (item, itemIdx) => {
-                        // TODO: change this to real available quota later
-                        const isAvailable = item.capacity > 0;
+                        const isAvailable = item.max_target_qty > 0;
                         const isChecked =
                           formik.values.flockDestinationKandangs.some(
                             (k) =>
@@ -669,11 +709,10 @@ const TransferToLayingFormModal = () => {
                               {
                                 kandang: {
                                   value: item.project_flock_kandang_id,
-                                  label: item.name,
+                                  label: item.kandang_name,
                                 },
                                 quantity: '',
-                                // TODO: change this to real available quota later
-                                maxQuantity: item.capacity,
+                                maxQuantity: item.max_target_qty,
                               },
                             ]);
                           } else {
@@ -718,9 +757,8 @@ const TransferToLayingFormModal = () => {
                                   'cursor-not-allowed': !isAvailable,
                                 })}
                               >
-                                {item.name}{' '}
-                                {/* TODO: change this to real available quota later */}
-                                <span className='text-base-content/20'>{`(Max: ${item.capacity})`}</span>
+                                {item.kandang_name}{' '}
+                                <span className='text-base-content/20'>{`(Max: ${item.max_target_qty})`}</span>
                               </label>
                             </div>
 

From 19a90c90457387e2f7eeb45e467a4e116ce5e98a Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:17:34 +0700
Subject: [PATCH 4/7] feat: add search input

---
 .../TransferToLayingsTable.tsx                | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
index f38a932f..7817c427 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingsTable.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useMemo, useState } from 'react';
+import { ChangeEventHandler, useEffect, useMemo, useState } from 'react';
 import useSWR from 'swr';
 import {
   CellContext,
@@ -33,6 +33,7 @@ import { cn, formatDate, formatNumber } from '@/lib/helper';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
 import { Color } from '@/types/theme';
+import DebouncedTextInput from '@/components/input/DebouncedTextInput';
 
 const RowOptionsMenu = ({
   props,
@@ -432,6 +433,10 @@ const TransferToLayingsTable = () => {
     setIsRejectLoading(false);
   };
 
+  const searchChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {
+    updateFilter('search', e.target.value);
+  };
+
   const filterSubmitHandler = (values: TransferToLayingFilter) => {
     updateFilter('startDate', values.startDate);
     updateFilter('endDate', values.endDate);
@@ -527,7 +532,27 @@ const TransferToLayingsTable = () => {
             )}
           </div>
 
-          <div className='flex flex-row justify-center items-center gap-3'>
+          <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
+            <DebouncedTextInput
+              name='search'
+              placeholder='Search'
+              value={tableFilterState.search ?? ''}
+              onChange={searchChangeHandler}
+              startAdornment={
+                <Icon
+                  icon='heroicons:magnifying-glass'
+                  width={20}
+                  height={20}
+                />
+              }
+              className={{
+                wrapper: 'w-full min-w-24 max-w-3xs',
+                inputWrapper: 'rounded-xl! shadow-button-soft',
+                input:
+                  'placeholder:font-semibold placeholder:text-base-content/50',
+              }}
+            />
+
             <Button
               variant='outline'
               color='none'

From 4ef5ee71425248c9618fbae2e0d526c64fffceaa Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:17:50 +0700
Subject: [PATCH 5/7] fix: get real max quantity in target project flock
 kandang

---
 .../form/TransferToLayingForm.schema.ts       | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
index 7b362709..b34bef24 100644
--- a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
+++ b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
@@ -176,6 +176,11 @@ export const getFilledTransferToLayingFormInitialValues = async (
       initialValues?.from_project_flock.id as number
     );
 
+  const mappedFlockDestinationKandangsMaxTargetQty =
+    await TransferToLayingApi.getMappedFlockKandangsMaxTargetQty(
+      initialValues?.to_project_flock.id as number
+    );
+
   const formattedFlockSourceKandangs = initialValues?.sources
     ? initialValues.sources.map((sourceKandang) => ({
         kandang: {
@@ -197,20 +202,8 @@ export const getFilledTransferToLayingFormInitialValues = async (
     maxTotalQuantity += item.quantity;
   });
 
-  const flockDestination = await ProjectFlockApi.getSingle(
-    initialValues?.to_project_flock.id as number
-  );
-
   const formattedFlockDestinationKandangs = initialValues?.targets
     ? initialValues.targets.map((targetKandang) => {
-        const kandang = isResponseSuccess(flockDestination)
-          ? flockDestination?.data?.kandangs.find(
-              (kandang) =>
-                String(kandang.project_flock_kandang_id) ===
-                String(targetKandang.target_project_flock_kandang.id)
-            )
-          : undefined;
-
         return {
           kandang: {
             value: targetKandang.target_project_flock_kandang.id,
@@ -218,7 +211,12 @@ export const getFilledTransferToLayingFormInitialValues = async (
           },
           quantity: targetKandang.qty,
 
-          maxQuantity: kandang?.capacity ?? 0,
+          maxQuantity:
+            (mappedFlockDestinationKandangsMaxTargetQty &&
+              mappedFlockDestinationKandangsMaxTargetQty[
+                targetKandang.target_project_flock_kandang.id
+              ].max_target_qty) ??
+            0,
         };
       })
     : [];

From 1d65cf0d08365c8cab677ed83642c09a9a12100a Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:18:06 +0700
Subject: [PATCH 6/7] feat: create getMaxTargetQty and
 getMappedFlockKandangsMaxTargetQty method

---
 .../api/production/transfer-to-laying.ts      | 50 +++++++++++++++++--
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/services/api/production/transfer-to-laying.ts b/src/services/api/production/transfer-to-laying.ts
index 22216e38..db3d815c 100644
--- a/src/services/api/production/transfer-to-laying.ts
+++ b/src/services/api/production/transfer-to-laying.ts
@@ -12,7 +12,10 @@ import {
   UpdateTransferToLayingPayload,
 } from '@/types/api/production/transfer-to-laying';
 import { httpClient } from '@/services/http/client';
-import { ProjectFlockAvailableQuantity } from '@/types/api/production/project-flock';
+import {
+  ProjectFlockAvailableQuantity,
+  ProjectFlockMaxQuantity,
+} from '@/types/api/production/project-flock';
 import { isResponseSuccess } from '@/lib/api-helper';
 
 export class TransferToLayingService extends BaseApiService<
@@ -132,7 +135,7 @@ export class TransferToLayingService extends BaseApiService<
     }
   }
 
-  async getAvailabelQty(projectFlockId: number) {
+  async getAvailableQty(projectFlockId: number) {
     try {
       const availableQtyRes = await httpClient<
         BaseApiResponse<ProjectFlockAvailableQuantity>
@@ -154,7 +157,7 @@ export class TransferToLayingService extends BaseApiService<
 
   async getMappedFlockKandangsAvailability(projectFlockId: number) {
     try {
-      const flockAvailableQty = await this.getAvailabelQty(projectFlockId);
+      const flockAvailableQty = await this.getAvailableQty(projectFlockId);
 
       const flockKandangsAvailableQty = isResponseSuccess(flockAvailableQty)
         ? flockAvailableQty.data.kandangs
@@ -177,6 +180,47 @@ export class TransferToLayingService extends BaseApiService<
     }
   }
 
+  async getMaxTargetQty(projectFlockId: number) {
+    try {
+      const availableQtyRes = await httpClient<
+        BaseApiResponse<ProjectFlockMaxQuantity>
+      >(`${this.basePath}/project-flocks/${projectFlockId}/max-target-qty`);
+
+      return availableQtyRes;
+    } catch (error) {
+      if (axios.isAxiosError<BaseApiResponse<ProjectFlockMaxQuantity>>(error)) {
+        return error.response?.data;
+      }
+
+      return undefined;
+    }
+  }
+
+  async getMappedFlockKandangsMaxTargetQty(projectFlockId: number) {
+    try {
+      const flockMaxTargetQty = await this.getMaxTargetQty(projectFlockId);
+
+      const flockKandangsMaxTargetQty = isResponseSuccess(flockMaxTargetQty)
+        ? flockMaxTargetQty.data.project_flock_kandangs
+        : [];
+
+      const mappedFlockKandangsMaxTargetQty: Record<
+        number,
+        (typeof flockKandangsMaxTargetQty)[0]
+      > = {};
+
+      flockKandangsMaxTargetQty.forEach((item) => {
+        if (!mappedFlockKandangsMaxTargetQty[item.project_flock_kandang_id]) {
+          mappedFlockKandangsMaxTargetQty[item.project_flock_kandang_id] = item;
+        }
+      });
+
+      return mappedFlockKandangsMaxTargetQty;
+    } catch (error) {
+      return undefined;
+    }
+  }
+
   async getApprovalHistory(
     transferToLayingId: number,
     group: boolean = true,

From 81e5a180ba98acb84dd0b4216ac2d1dd6730811f Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 27 Jan 2026 18:18:15 +0700
Subject: [PATCH 7/7] feat: create ProjectFlockMaxQuantity type

---
 src/types/api/production/project-flock.d.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/types/api/production/project-flock.d.ts b/src/types/api/production/project-flock.d.ts
index dcc1a348..c07c0058 100644
--- a/src/types/api/production/project-flock.d.ts
+++ b/src/types/api/production/project-flock.d.ts
@@ -88,6 +88,14 @@ export type ProjectFlockAvailableQuantity = {
   }[];
 };
 
+export type ProjectFlockMaxQuantity = {
+  project_flock_id: number;
+  project_flock_kandangs: {
+    project_flock_kandang_id: number;
+    max_target_qty: number;
+  }[];
+};
+
 export type ProjectFlockPeriods = {
   id: number;
   name: string;