feat(FE-181-179-220-271): adding SO export PDF and adjusting delivery form

src/components/pages/marketing/detail/MarketingDetail.tsx

@@ -24,7 +24,6 @@ import {
 } from '@/services/api/marketing/marketing';
 import {
   BaseDelivery,
-  BaseDeliveryOrder,
   BaseSalesOrder,
   Marketing,
 } from '@/types/api/marketing/marketing';
@@ -32,8 +31,9 @@ import { Icon } from '@iconify/react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import toast from 'react-hot-toast';
+import SalesOrderExport from '@/components/pages/marketing/pdf/SalesOrderExport';
 
-const SalesOrderDetail = ({
+const MarketingDetail = ({
   initialValues,
   refresh,
 }: {
@@ -118,17 +118,14 @@ const SalesOrderDetail = ({
     refresh?.();
     refreshApproval?.();
     router.push(
-      `/marketing/sales-orders/detail/edit/delivery?salesOrderId=${initialValues?.id}`
+      `/marketing/detail/delivery-orders/edit?marketingId=${initialValues?.id}`
     );
   };
 
   return (
     <>
       <div className='flex flex-col w-full gap-4'>
-        <FormHeader
-          title='Detail Sales Order'
-          backUrl='/marketing/sales-orders'
-        />
+        <FormHeader title='Detail Sales Order' backUrl='/marketing' />
         {!isLoadingApproval && approvals && (
           <ApprovalSteps approvals={approvals} />
         )}
@@ -156,8 +153,7 @@ const SalesOrderDetail = ({
           {initialValues?.latest_approval?.step_number == 2 && (
             <Button
               color='success'
-              // href={`/marketing/sales-orders/detail/edit/delivery?salesOrderId=${initialValues?.id}`}
-              onClick={deliveryClickHandler}
+              href={`/marketing/add/delivery-orders?marketingId=${initialValues?.id}`}
             >
               <Icon icon='mdi:truck' width={24} height={24} />
               Delivery Order
@@ -210,10 +206,7 @@ const SalesOrderDetail = ({
                   <td className='font-semibold'>Dokumen</td>
                   <td>:</td>
                   <td>
-                    <Button className='py-2 px-3 font-medium text-md'>
-                      <Icon icon='mdi:file-pdf' width={16} height={16} />
-                      {initialValues?.so_number}
-                    </Button>
+                    <SalesOrderExport data={initialValues} />
                   </td>
                 </tr>
               </tbody>
@@ -407,7 +400,7 @@ const SalesOrderDetail = ({
           <Button
             color='warning'
             type='button'
-            href={`/marketing/sales-orders/detail/edit?salesOrderId=${initialValues?.id}`}
+            href={`/marketing/detail/${initialValues?.latest_approval.step_number == 3 ? 'delivery-orders' : 'sales-orders'}/edit?marketingId=${initialValues?.id}`}
           >
             <Icon icon='mdi:pencil' width={24} height={24} />
             Edit
@@ -464,4 +457,4 @@ const SalesOrderDetail = ({
   );
 };
 
-export default SalesOrderDetail;
+export default MarketingDetail;