From 6d8d608cc9d66a0434e356d1a35c8f90100c73a7 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 6 Nov 2025 13:27:18 +0700
Subject: [PATCH] refactor(FE-170): add support for 'UPDATED' action in
 RecordingTable with corresponding status text

---
 .../production/recording/RecordingTable.tsx   | 31 ++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 8a55401e..b2508a6c 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -213,7 +213,9 @@ const ApprovalHistoryModal = ({
                         ? 'success'
                         : currentApproval.action === 'REJECTED'
                           ? 'error'
-                          : 'info'
+                          : currentApproval.action === 'UPDATED'
+                            ? 'warning'
+                            : 'info'
                     }
                   >
                     {currentApproval.step_name}
@@ -222,6 +224,7 @@ const ApprovalHistoryModal = ({
                     {currentApproval.action === 'APPROVED' && 'Disetujui'}
                     {currentApproval.action === 'REJECTED' && 'Ditolak'}
                     {currentApproval.action === 'CREATED' && 'Dibuat'}
+                    {currentApproval.action === 'UPDATED' && 'Diperbarui'}
                   </span>
                 </div>
                 {currentApproval.notes && (
@@ -270,13 +273,16 @@ const ApprovalHistoryModal = ({
                                     ? 'success'
                                     : approval.action === 'REJECTED'
                                       ? 'error'
-                                      : 'info'
+                                      : approval.action === 'UPDATED'
+                                        ? 'warning'
+                                        : 'info'
                                 }
                                 size='sm'
                               >
                                 {approval.action === 'APPROVED' && 'Disetujui'}
                                 {approval.action === 'REJECTED' && 'Ditolak'}
                                 {approval.action === 'CREATED' && 'Dibuat'}
+                                {approval.action === 'UPDATED' && 'Diperbarui'}
                               </Badge>
                             </td>
                             <td className='max-w-xs'>
@@ -690,13 +696,30 @@ const RecordingTable = () => {
                   ? 'success'
                   : approval.action === 'REJECTED'
                     ? 'error'
-                    : 'info';
+                    : approval.action === 'UPDATED'
+                      ? 'warning'
+                      : 'info';
 
               const openApprovalHistory = () => {
                 setSelectedRecording(props.row.original);
                 approvalHistoryModal.openModal();
               };
 
+              const getStatusText = (action: string) => {
+                switch (action) {
+                  case 'APPROVED':
+                    return 'Disetujui';
+                  case 'REJECTED':
+                    return 'Ditolak';
+                  case 'CREATED':
+                    return 'Dibuat';
+                  case 'UPDATED':
+                    return 'Diperbarui';
+                  default:
+                    return action;
+                }
+              };
+
               return (
                 <Badge
                   variant='soft'
@@ -708,7 +731,7 @@ const RecordingTable = () => {
                   onClick={openApprovalHistory}
                   title='Klik untuk lihat riwayat approval'
                 >
-                  {approval.step_name}
+                  {getStatusText(approval.action)}
                 </Badge>
               );
             },