refactor(FE-170): add support for 'UPDATED' action in RecordingTable with corresponding status text

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>
               );
             },