From 42253d123b7369fb54a5fa814157b6647b33e261 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 19 Nov 2025 20:07:26 +0700
Subject: [PATCH] feat(FE-170,174): enhance approval and rejection modals to
 include notes input

---
 .../production/recording/RecordingTable.tsx   | 37 +++++++------------
 1 file changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index f80bbd30..04242259 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -10,6 +10,7 @@ import { useModal } from '@/components/Modal';
 import Modal from '@/components/Modal';
 import Button from '@/components/Button';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
+import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import { OptionType } from '@/components/input/SelectInput';
 import SelectInput from '@/components/input/SelectInput';
 import DebouncedTextInput from '@/components/input/DebouncedTextInput';
@@ -455,7 +456,7 @@ const RecordingTable = () => {
     setIsDeleteLoading(false);
   };
 
-  const approveHandler = async () => {
+  const approveHandler = async (notes: string) => {
     setIsApproveLoading(true);
 
     if (eligibleRowIds.length === 0) {
@@ -468,7 +469,7 @@ const RecordingTable = () => {
 
     const approveResponse = await RecordingApi.approve(
       eligibleRowIds,
-      approvalNotes
+      notes
     );
 
     if (isResponseSuccess(approveResponse)) {
@@ -488,7 +489,7 @@ const RecordingTable = () => {
     setIsApproveLoading(false);
   };
 
-  const rejectHandler = async () => {
+  const rejectHandler = async (notes: string) => {
     setIsRejectLoading(true);
 
     if (eligibleRowIds.length === 0) {
@@ -501,7 +502,7 @@ const RecordingTable = () => {
 
     const rejectResponse = await RecordingApi.reject(
       eligibleRowIds,
-      approvalNotes
+      notes
     );
 
     if (isResponseSuccess(rejectResponse)) {
@@ -964,7 +965,7 @@ const RecordingTable = () => {
         }}
       />
 
-      <ConfirmationModal
+      <ConfirmationModalWithNotes
         ref={approveModal.ref}
         type='success'
         text={`Apakah anda yakin ingin approve data recording ini (${eligibleRowIds.length} data dari ${selectedRowIds.length} yang dipilih)?`}
@@ -978,17 +979,11 @@ const RecordingTable = () => {
           isLoading: isApproveLoading,
           onClick: approveHandler,
         }}
-      >
-        <TextArea
-          name='approvalNotes'
-          placeholder='(Opsional) Tambahkan catatan untuk approval ini...'
-          value={approvalNotes}
-          onChange={(e) => setApprovalNotes(e.target.value)}
-          rows={3}
-        />
-      </ConfirmationModal>
+        placeholder='(Opsional) Tambahkan catatan untuk approval ini...'
+        rows={3}
+      />
 
-      <ConfirmationModal
+      <ConfirmationModalWithNotes
         ref={rejectModal.ref}
         type='error'
         text={`Apakah anda yakin ingin reject data recording ini (${eligibleRowIds.length} data dari ${selectedRowIds.length} yang dipilih)?`}
@@ -1002,15 +997,9 @@ const RecordingTable = () => {
           isLoading: isRejectLoading,
           onClick: rejectHandler,
         }}
-      >
-        <TextArea
-          name='rejectNotes'
-          placeholder='(Opsional) Tambahkan catatan untuk reject ini...'
-          value={approvalNotes}
-          onChange={(e) => setApprovalNotes(e.target.value)}
-          rows={3}
-        />
-      </ConfirmationModal>
+        placeholder='(Opsional) Tambahkan catatan untuk reject ini...'
+        rows={3}
+      />
 
       <ApprovalHistoryModal
         ref={approvalHistoryModal.ref}