refactor(FE): Update approval logic and conditional rendering in

delivery forms

src/components/pages/marketing/DeliveryOrderFormModal.tsx

@@ -430,7 +430,8 @@ const DeliveryOrderFormModal = ({
   const isPending = useMemo(() => {
     return (
       isResponseSuccess(marketing) &&
-      marketing.data.latest_approval.step_number === 1
+      marketing.data.latest_approval.step_number === 1 &&
+      marketing.data.latest_approval.action === 'PENDING'
     );
   }, [marketing]);
 

src/components/pages/marketing/form/table-view/DeliveryOrderProductTable.tsx

@@ -39,6 +39,8 @@ const DeliveryOrderProductTable = ({
   const onDeleteRef = useRef(onDelete);
   onDeleteRef.current = onDelete;
 
+  const approvalStepNumber = marketing?.latest_approval?.step_number;
+
   return (
     <>
       <div className='size-full flex flex-col relative overflow-x-hidden gap-3'>
@@ -105,8 +107,11 @@ const DeliveryOrderProductTable = ({
                     </th>
                   </tr>
                   <>
+                    {approvalStepNumber !== 1 && (
                       <tr>
-                      <td className='text-sm px-4 py-3'>Tanggal Pengiriman</td>
+                        <td className='text-sm px-4 py-3'>
+                          Tanggal Pengiriman
+                        </td>
                         <td className='text-sm px-4 py-3'>
                           {item.delivery_date ? (
                             formatDate(item.delivery_date, 'DD MMM YYYY')
@@ -115,6 +120,7 @@ const DeliveryOrderProductTable = ({
                           )}
                         </td>
                       </tr>
+                    )}
                     {item.do_number && (
                       <tr>
                         <td className='text-sm px-4 py-3'>No. Pengiriman</td>