refactor(FE): Refactor chickin approval modal logic into Zustand store

src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx

@@ -2,8 +2,6 @@ import Alert from '@/components/Alert';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import RequirePermission from '@/components/helper/RequirePermission';
-import { useModal } from '@/components/Modal';
-import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import PillBadge from '@/components/PillBadge';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { formatDate, formatNumber } from '@/lib/helper';
@@ -13,6 +11,7 @@ import { ProjectFlockKandang } from '@/types/api/production/project-flock-kandan
 import { Icon } from '@iconify/react';
 import { useState } from 'react';
 import toast from 'react-hot-toast';
+import { useChickinStore } from '@/stores/production/chickin/chickin.store';
 
 const ChickinLogsView = ({
   initialValues,
@@ -23,32 +22,26 @@ const ChickinLogsView = ({
   afterSubmit?: () => void;
   rawDataApprovals: BaseApproval[];
 }) => {
-  const confirmModal = useModal();
-  const [isApproveLoading, setIsApproveLoading] = useState(false);
   const [chickinErrorMessage, setChickinErrorMessage] = useState('');
+  const { openChickinApproveModal } = useChickinStore();
 
   const handleClickApprove = () => {
-    confirmModal.openModal();
-  };
-
-  const confirmationModalApproveClickHandler = async (notes?: string) => {
-    setChickinErrorMessage('');
-    setIsApproveLoading(true);
-    const approveChickinRes = await ChickinApi.singleApproval(
-      initialValues?.id as number,
-      'APPROVED',
-      notes
-    );
-    if (isResponseSuccess(approveChickinRes)) {
-      toast.success(approveChickinRes?.message as string);
-    }
-    if (isResponseError(approveChickinRes)) {
-      toast.error(approveChickinRes?.message as string);
-      setChickinErrorMessage(approveChickinRes?.message as string);
-    }
-    confirmModal.closeModal();
-    setIsApproveLoading(false);
-    afterSubmit && afterSubmit();
+    openChickinApproveModal(initialValues, async (notes?: string) => {
+      setChickinErrorMessage('');
+      const approveChickinRes = await ChickinApi.singleApproval(
+        initialValues?.id as number,
+        'APPROVED',
+        notes
+      );
+      if (isResponseSuccess(approveChickinRes)) {
+        toast.success(approveChickinRes?.message as string);
+      }
+      if (isResponseError(approveChickinRes)) {
+        toast.error(approveChickinRes?.message as string);
+        setChickinErrorMessage(approveChickinRes?.message as string);
+      }
+      afterSubmit && afterSubmit();
+    });
   };
 
   return (
@@ -83,7 +76,7 @@ const ChickinLogsView = ({
                 key={chickin.id || index}
                 variant='bordered'
                 className={{
-                  wrapper: 'w-full',
+                  wrapper: 'w-full mt-3',
                   body: 'p-3',
                 }}
               >
@@ -176,23 +169,6 @@ const ChickinLogsView = ({
           </div>
         )}
       </div>
-
-      <ConfirmationModalWithNotes
-        ref={confirmModal.ref}
-        type='success'
-        text={`Apakah anda yakin ingin approve data Chickin yang Pending?`}
-        secondaryButton={{
-          text: 'Tidak',
-        }}
-        primaryButton={{
-          text: 'Ya',
-          color: 'success',
-          onClick: (notes) => {
-            confirmationModalApproveClickHandler(notes);
-          },
-          isLoading: isApproveLoading,
-        }}
-      />
     </>
   );
 };