fix(FE): adding capacity to kandang and change confirmation modal marketing with note

src/components/modal/ConfirmationModalWithNotes.tsx

@@ -50,6 +50,7 @@ const ConfirmationModalWithNotes: React.FC<ConfirmationModalWithNotesProps> = ({
         ...primaryButton,
         onClick: () => {
           primaryButton?.onClick?.(notes);
+          setNotes('');
         },
       }}
       secondaryButton={secondaryButton}

src/components/pages/marketing/MarketingTable.tsx

@@ -5,6 +5,7 @@ import CheckboxInput from '@/components/input/CheckboxInput';
 import { OptionType } from '@/components/input/SelectInput';
 import Modal, { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import Table from '@/components/Table';
 import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import RowDropdownOptions from '@/components/table/RowDropdownOptions';
@@ -170,7 +171,7 @@ const SalesOrderTable = () => {
           .filter((row) => row.latest_approval.step_number === 2)
           .map((row) => row.id);
 
-  const approveMarketingHandler = async () => {
+  const approveMarketingHandler = async (notes: string) => {
     let idsToProcess: number[] = [];
 
     if (approveAction === 'APPROVED') {
@@ -191,7 +192,8 @@ const SalesOrderTable = () => {
 
     const approveMarketingRes = await SalesOrderApi.bulkApprovals(
       idsToProcess,
-      approveAction
+      approveAction,
+      notes
     );
 
     if (isResponseSuccess(approveMarketingRes)) {
@@ -450,10 +452,10 @@ const SalesOrderTable = () => {
         }}
       />
 
-      <ConfirmationModal
+      <ConfirmationModalWithNotes
         ref={confirmationModal.ref}
         type={approveAction === 'APPROVED' ? 'success' : 'error'}
-        text={`Apakah anda yakin ingin ${approveAction} data penjualan (${idsToProcess.length} data)?`}
+        text={`Apakah anda yakin ingin ${approveAction == 'APPROVED' ? 'approve' : 'reject'} data penjualan (${idsToProcess.length} data)?`}
         secondaryButton={{
           text: 'Tidak',
           onClick: confirmationModal.closeModal,

src/components/pages/marketing/detail/MarketingDetail.tsx

@@ -5,6 +5,7 @@ import Card from '@/components/Card';
 import { FormHeader } from '@/components/helper/form/FormHeader';
 import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import ApprovalSteps, {
   useApprovalSteps,
 } from '@/components/pages/ApprovalSteps';
@@ -78,11 +79,12 @@ const SalesOrderDetail = ({
     refresh?.();
   };
 
-  const confirmationModalApproveClickHandler = async () => {
+  const confirmationModalApproveClickHandler = async (notes: string) => {
     setIsLoading(true);
     const res = await SalesOrderApi.singleApproval(
       initialValues?.id as number,
-      approvalAction
+      approvalAction,
+      notes
     );
     setIsLoading(false);
     confirmationModal.closeModal();
@@ -91,13 +93,17 @@ const SalesOrderDetail = ({
     refreshApproval?.();
   };
 
-  const confirmationModalDeliveryClickHandler = async () => {
+  const confirmationModalDeliveryClickHandler = async (notes: string) => {
     setIsLoading(true);
-    // await MarketingApi.delivery(initialValues?.id as number);
+    const res = await SalesOrderApi.delivery(
+      initialValues?.id as number,
+      notes
+    );
     setIsLoading(false);
     deliveryModal.closeModal();
-    toast.success('Successfully delivered Sales Order!');
+    toast.success(res?.message as string);
     refresh?.();
+    refreshApproval?.();
   };
 
   return (
@@ -285,7 +291,7 @@ const SalesOrderDetail = ({
           onClick: confirmationModalDeleteClickHandler,
         }}
       />
-      <ConfirmationModal
+      <ConfirmationModalWithNotes
         ref={confirmationModal.ref}
         type={approvalAction === 'APPROVED' ? 'success' : 'error'}
         text={`Apakah anda yakin ingin ${approvalAction} data penjualan ini?`}
@@ -299,7 +305,7 @@ const SalesOrderDetail = ({
           onClick: confirmationModalApproveClickHandler,
         }}
       />
-      <ConfirmationModal
+      <ConfirmationModalWithNotes
         ref={deliveryModal.ref}
         type={'success'}
         text={`Apakah anda yakin ingin deliver penjualan ini?`}

src/components/pages/marketing/form/MarketingForm.tsx

@@ -303,9 +303,9 @@ const SalesForm = ({
             wrapper: 'bg-white w-full',
           }}
         >
-          {/* <div className='text-blue-500'>{JSON.stringify(initialValues)}</div>
+          <div className='text-blue-500'>{JSON.stringify(initialValues)}</div>
           <div className='text-green-500'>{JSON.stringify(formik.values)}</div>
-          <div className='text-red-500'>{JSON.stringify(formik.errors)}</div> */}
+          <div className='text-red-500'>{JSON.stringify(formik.errors)}</div>
           <SalesOrderProductTable
             data={memoSalesOrder}
             rowSelection={rowSelection}

src/components/pages/master-data/kandang/form/KandangForm.schema.ts

@@ -1,26 +1,48 @@
 import * as Yup from 'yup';
 
-export const KandangFormSchema = Yup.object({
-  name: Yup.string().required('Nama wajib diisi!'),
+type KandangFormSchemaType = {
+  name: string;
+  locationId: number | undefined;
+  location:
+    | {
+        value: number;
+        label: string;
+      }
+    | undefined
+    | null;
+  capacity: number | undefined;
+  picId: number | undefined;
+  pic:
+    | {
+        value: number;
+        label: string;
+      }
+    | undefined
+    | null;
+};
 
-  locationId: Yup.number()
-    .min(1, 'Lokasi wajib diisi!')
-    .required('Lokasi wajib diisi!'),
-  location: Yup.object({
-    value: Yup.number().min(1).required(),
-    label: Yup.string().required(),
-  }).nullable(),
+export const KandangFormSchema: Yup.ObjectSchema<KandangFormSchemaType> =
+  Yup.object({
+    name: Yup.string().required('Nama wajib diisi!'),
 
-  capacity: Yup.number()
-    .min(1, 'Kapasitas wajib diisi!')
-    .required('Kapasitas wajib diisi!'),
+    locationId: Yup.number()
+      .min(1, 'Lokasi wajib diisi!')
+      .required('Lokasi wajib diisi!'),
+    location: Yup.object({
+      value: Yup.number().min(1).required(),
+      label: Yup.string().required(),
+    }).nullable(),
 
-  picId: Yup.number().min(1, 'PIC wajib diisi!').required('PIC wajib diisi!'),
-  pic: Yup.object({
-    value: Yup.number().min(1).required(),
-    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(),
+      label: Yup.string().required(),
+    }).nullable(),
+  });
 
 export const UpdateKandangFormSchema = KandangFormSchema;
 

src/components/pages/master-data/kandang/form/KandangForm.tsx

@@ -82,7 +82,7 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
             label: initialValues.location.name,
           }
         : null,
-      capacity: initialValues?.capacity ?? 0,
+      capacity: initialValues?.capacity,
       picId: initialValues?.pic?.id ?? 0,
       pic: initialValues?.pic
         ? {
@@ -102,9 +102,9 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
 
       const kandangPayload: CreateKandangPayload = {
         name: values.name,
-        location_id: values.locationId,
-        capacity: values.capacity,
-        pic_id: values.picId,
+        location_id: values.locationId!,
+        capacity: values.capacity ? parseInt(values.capacity.toString()) : 0,
+        pic_id: values.picId!,
       };
 
       switch (type) {
@@ -256,7 +256,8 @@ const KandangForm = ({ type = 'add', initialValues }: KandangFormProps) => {
               required
               name='capacity'
               label='Kapasitas'
-              value={formik.values.capacity ?? undefined}
+              placeholder='Masukan kapasitas kandang'
+              value={formik.values.capacity}
               onChange={formik.handleChange}
               onBlur={formik.handleBlur}
               isError={