From 495e11c6fe5b5c539f598fa1fa6acfc9d7b1e22e Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Fri, 31 Oct 2025 14:57:15 +0700
Subject: [PATCH] fix(FE-41): Menambahkan kolom kapasitas di tabel kandang

---
 .../transfer-to-laying/detail/edit/page.tsx   |  2 ++
 .../transfer-to-laying/detail/page.tsx        |  2 ++
 .../master-data/kandang/KandangsTable.tsx     | 16 +++++++++++++--
 .../kandang/form/KandangForm.schema.ts        |  4 ++++
 .../master-data/kandang/form/KandangForm.tsx  | 17 ++++++++++++++++
 .../production/recording/RecordingTable.tsx   |  1 +
 .../api/production/transfer-to-laying.ts      | 20 +++++++++++++++++++
 src/types/api/master-data/kandang.d.ts        |  2 ++
 8 files changed, 62 insertions(+), 2 deletions(-)

diff --git a/src/app/production/transfer-to-laying/detail/edit/page.tsx b/src/app/production/transfer-to-laying/detail/edit/page.tsx
index 9003dbba..20c7373f 100644
--- a/src/app/production/transfer-to-laying/detail/edit/page.tsx
+++ b/src/app/production/transfer-to-laying/detail/edit/page.tsx
@@ -27,6 +27,7 @@ const DUMMY_TRANSFER_TO_LAYING_EDIT: TransferToLaying = {
     {
       kandang: {
         id: 1,
+        capacity: 1000,
         name: 'Kandang test',
         status: 'ACTIVE',
         location: {
@@ -56,6 +57,7 @@ const DUMMY_TRANSFER_TO_LAYING_EDIT: TransferToLaying = {
       kandang: {
         id: 1,
         name: 'Kandang test 2',
+        capacity: 3000,
         status: 'ACTIVE',
         location: {
           id: 1,
diff --git a/src/app/production/transfer-to-laying/detail/page.tsx b/src/app/production/transfer-to-laying/detail/page.tsx
index de5426c8..3f7dbe56 100644
--- a/src/app/production/transfer-to-laying/detail/page.tsx
+++ b/src/app/production/transfer-to-laying/detail/page.tsx
@@ -27,6 +27,7 @@ const DUMMY_TRANSFER_TO_LAYING_DETAIL: TransferToLaying = {
     {
       kandang: {
         id: 1,
+        capacity: 1000,
         name: 'Kandang test',
         status: 'ACTIVE',
         location: {
@@ -55,6 +56,7 @@ const DUMMY_TRANSFER_TO_LAYING_DETAIL: TransferToLaying = {
     {
       kandang: {
         id: 1,
+        capacity: 3000,
         name: 'Kandang test 2',
         status: 'ACTIVE',
         location: {
diff --git a/src/components/pages/master-data/kandang/KandangsTable.tsx b/src/components/pages/master-data/kandang/KandangsTable.tsx
index c51eeb21..d2b585de 100644
--- a/src/components/pages/master-data/kandang/KandangsTable.tsx
+++ b/src/components/pages/master-data/kandang/KandangsTable.tsx
@@ -22,7 +22,7 @@ import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 
 import { Kandang } from '@/types/api/master-data/kandang';
 import { KandangApi } from '@/services/api/master-data';
-import { cn } from '@/lib/helper';
+import { cn, formatNumber } from '@/lib/helper';
 import { isResponseSuccess } from '@/lib/api-helper';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
 import { ROWS_OPTIONS } from '@/config/constant';
@@ -93,12 +93,19 @@ const KandangsTable = () => {
     setPageSize,
     toQueryString: getTableFilterQueryString,
   } = useTableFilter({
-    initial: { search: '', nameSort: '', locationSort: '', picSort: '' },
+    initial: {
+      search: '',
+      nameSort: '',
+      locationSort: '',
+      capacitySort: '',
+      picSort: '',
+    },
     paramMap: {
       page: 'page',
       pageSize: 'limit',
       nameSort: 'sort_name',
       locationSort: 'sort_location',
+      capacitySort: 'sort_capacity',
       picSort: ' sort_pic',
     },
   });
@@ -138,6 +145,11 @@ const KandangsTable = () => {
       header: 'Lokasi',
       cell: (props) => props.row.original.location.name,
     },
+    {
+      accessorKey: 'capacity',
+      header: 'Kapasitas',
+      cell: (props) => formatNumber(props.row.original.capacity ?? 0),
+    },
     {
       accessorKey: 'pic',
       header: 'PIC',
diff --git a/src/components/pages/master-data/kandang/form/KandangForm.schema.ts b/src/components/pages/master-data/kandang/form/KandangForm.schema.ts
index 9a0e42a0..b0f816bd 100644
--- a/src/components/pages/master-data/kandang/form/KandangForm.schema.ts
+++ b/src/components/pages/master-data/kandang/form/KandangForm.schema.ts
@@ -11,6 +11,10 @@ export const KandangFormSchema = Yup.object({
     label: Yup.string().required(),
   }).nullable(),
 
+  capacity: Yup.number()
+    .min(1, 'Kapasitas wajib diisi!')
+    .required('Kapasitas wajib diisi!'),
+
   picId: Yup.number().min(1, 'PIC wajib diisi!').required('PIC wajib diisi!'),
   pic: Yup.object({
     value: Yup.number().min(1).required(),
diff --git a/src/components/pages/master-data/kandang/form/KandangForm.tsx b/src/components/pages/master-data/kandang/form/KandangForm.tsx
index f0d68983..7753a507 100644
--- a/src/components/pages/master-data/kandang/form/KandangForm.tsx
+++ b/src/components/pages/master-data/kandang/form/KandangForm.tsx
@@ -27,6 +27,7 @@ import {
 import { LocationApi, KandangApi } from '@/services/api/master-data';
 import { cn } from '@/lib/helper';
 import { UserApi } from '@/services/api/user';
+import NumberInput from '@/components/input/NumberInput';
 
 interface KandangFormProps {
   type?: 'add' | 'edit' | 'detail';
@@ -81,6 +82,7 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
             label: initialValues.location.name,
           }
         : null,
+      capacity: initialValues?.capacity ?? 0,
       picId: initialValues?.pic?.id ?? 0,
       pic: initialValues?.pic
         ? {
@@ -101,6 +103,7 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
       const kandangPayload: CreateKandangPayload = {
         name: values.name,
         location_id: values.locationId,
+        capacity: values.capacity,
         pic_id: values.picId,
       };
 
@@ -249,6 +252,20 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
               isClearable
             />
 
+            <NumberInput
+              required
+              name='capacity'
+              label='Kapasitas'
+              value={formik.values.capacity ?? undefined}
+              onChange={formik.handleChange}
+              onBlur={formik.handleBlur}
+              isError={
+                formik.touched.capacity && Boolean(formik.errors.capacity)
+              }
+              errorMessage={formik.errors.capacity as string}
+              readOnly={type === 'detail'}
+            />
+
             <SelectInput
               required
               label='PIC'
diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 85ec092f..159b524c 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -52,6 +52,7 @@ const dummyRecordings: Recording[] = [
     },
     coop: {
       id: 1,
+      capacity: 1000,
       name: 'Coop 1',
       status: 'ACTIVE',
       location: {
diff --git a/src/services/api/production/transfer-to-laying.ts b/src/services/api/production/transfer-to-laying.ts
index 6f808a8c..d2dd565e 100644
--- a/src/services/api/production/transfer-to-laying.ts
+++ b/src/services/api/production/transfer-to-laying.ts
@@ -33,6 +33,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 11,
+            capacity: 1000,
             name: 'KDG-11',
             status: 'ACTIVE',
             location: {
@@ -61,6 +62,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 12,
+            capacity: 1000,
             name: 'KDG-12',
             status: 'ACTIVE',
             location: {
@@ -107,6 +109,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 13,
+            capacity: 1000,
             name: 'KDG-13',
             status: 'ACTIVE',
             location: {
@@ -135,6 +138,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 14,
+            capacity: 1000,
             name: 'KDG-14',
             status: 'MAINTENANCE',
             location: {
@@ -181,6 +185,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 21,
+            capacity: 1000,
             name: 'KDG-21',
             status: 'ACTIVE',
             location: {
@@ -209,6 +214,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 22,
+            capacity: 1000,
             name: 'KDG-22',
             status: 'ACTIVE',
             location: {
@@ -255,6 +261,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 15,
+            capacity: 1000,
             name: 'KDG-15',
             status: 'ACTIVE',
             location: {
@@ -301,6 +308,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 23,
+            capacity: 1000,
             name: 'KDG-23',
             status: 'ACTIVE',
             location: {
@@ -329,6 +337,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 24,
+            capacity: 1000,
             name: 'KDG-24',
             status: 'ACTIVE',
             location: {
@@ -375,6 +384,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 16,
+            capacity: 1000,
             name: 'KDG-16',
             status: 'ACTIVE',
             location: {
@@ -403,6 +413,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 17,
+            capacity: 1000,
             name: 'KDG-17',
             status: 'ACTIVE',
             location: {
@@ -449,6 +460,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 18,
+            capacity: 1000,
             name: 'KDG-18',
             status: 'ACTIVE',
             location: {
@@ -477,6 +489,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 19,
+            capacity: 1000,
             name: 'KDG-19',
             status: 'ACTIVE',
             location: {
@@ -523,6 +536,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 25,
+            capacity: 1000,
             name: 'KDG-25',
             status: 'ACTIVE',
             location: {
@@ -551,6 +565,7 @@ const GET_ALL_TRANSFER_TO_LAYING_DUMMY_DATA: BaseApiResponse<
         {
           kandang: {
             id: 26,
+            capacity: 1000,
             name: 'KDG-26',
             status: 'ACTIVE',
             location: {
@@ -610,6 +625,7 @@ const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse<FlockWithKandangs[]> = {
         {
           kandang: {
             id: 3,
+            capacity: 1000,
             name: 'Cikaum 1',
             status: 'ACTIVE',
             location: {
@@ -633,6 +649,7 @@ const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse<FlockWithKandangs[]> = {
         {
           kandang: {
             id: 4,
+            capacity: 1000,
             name: 'Cikaum 2',
             status: 'ACTIVE',
             location: {
@@ -656,6 +673,7 @@ const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse<FlockWithKandangs[]> = {
         {
           kandang: {
             id: 5,
+            capacity: 1000,
             name: 'Cikaum 3',
             status: 'ACTIVE',
             location: {
@@ -687,6 +705,7 @@ const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse<FlockWithKandangs[]> = {
         {
           kandang: {
             id: 3,
+            capacity: 1000,
             name: 'Cikaum 1',
             status: 'ACTIVE',
             location: {
@@ -710,6 +729,7 @@ const FLOCK_SOURCE_DUMMY_DATA: BaseApiResponse<FlockWithKandangs[]> = {
         {
           kandang: {
             id: 4,
+            capacity: 1000,
             name: 'Cikaum 2',
             status: 'ACTIVE',
             location: {
diff --git a/src/types/api/master-data/kandang.d.ts b/src/types/api/master-data/kandang.d.ts
index 17cbbee7..8ad20f15 100644
--- a/src/types/api/master-data/kandang.d.ts
+++ b/src/types/api/master-data/kandang.d.ts
@@ -7,6 +7,7 @@ export type BaseKandang = {
   name: string;
   status: string;
   location: BaseLocation;
+  capacity: number;
   pic: BaseUser;
 };
 
@@ -15,6 +16,7 @@ export type Kandang = BaseMetadata & BaseKandang;
 export type CreateKandangPayload = {
   name: string;
   location_id: number;
+  capacity: number;
   pic_id: number;
 };