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

src/app/marketing/add/delivery-orders/page.tsx

@@ -1,16 +1,17 @@
 'use client';
 
-import SalesForm from '@/components/pages/marketing/form/MarketingForm';
+import MarketingForm from '@/components/pages/marketing/form/MarketingForm';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { MarketingApi } from '@/services/api/marketing/marketing';
 import { useRouter, useSearchParams } from 'next/navigation';
+import toast from 'react-hot-toast';
 import useSWR from 'swr';
 
 const EditMarketingDelivery = () => {
   const router = useRouter();
   const searchParams = useSearchParams();
 
-  const soId = searchParams.get('salesOrderId');
+  const soId = searchParams.get('marketingId');
 
   const {
     data: marketing,
@@ -34,12 +35,13 @@ const EditMarketingDelivery = () => {
     router.replace('/404');
     return;
   }
+
   return (
     <div className='w-full p-4'>
       {isLoading && <span className='loading loading-spinner loading-xl' />}
       {!isLoading && isResponseSuccess(marketing) && (
-        <SalesForm
-          formType='deliver'
+        <MarketingForm
+          formType='add_deliver'
           initialValues={marketing.data}
           afterSubmit={() => {
             refreshMarketing();

src/app/marketing/add/sales-orders/page.tsx

@@ -1,9 +1,9 @@
-import SalesForm from '@/components/pages/marketing/form/MarketingForm';
+import MarketingForm from '@/components/pages/marketing/form/MarketingForm';
 
 const AddSalesOrder = () => {
   return (
     <div className='size-full p-4'>
-      <SalesForm />
+      <MarketingForm formType='add' />
     </div>
   );
 };

src/app/marketing/detail/delivery-orders/edit/page.tsx

@@ -0,0 +1,62 @@
+'use client';
+
+import MarketingForm from '@/components/pages/marketing/form/MarketingForm';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { MarketingApi } from '@/services/api/marketing/marketing';
+import { useRouter, useSearchParams } from 'next/navigation';
+import toast from 'react-hot-toast';
+import useSWR from 'swr';
+
+const EditMarketingDelivery = () => {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  const soId = searchParams.get('marketingId');
+
+  const {
+    data: marketing,
+    isLoading: isLoading,
+    mutate: refreshMarketing,
+  } = useSWR(`get-so-${soId}`, () =>
+    MarketingApi.getSingle(soId ? parseInt(soId) : 0)
+  );
+
+  if (!soId) {
+    router.back();
+
+    return (
+      <div className='w-full flex flex-row justify-center items-center p-4'>
+        <span className='loading loading-spinner loading-xl' />
+      </div>
+    );
+  }
+
+  if (!isLoading && (!marketing || isResponseError(marketing))) {
+    router.replace('/404');
+    return;
+  }
+
+  if (
+    isResponseSuccess(marketing) &&
+    marketing.data.latest_approval.step_number != 3
+  ) {
+    toast.error('Data Marketing perlu dilakukan approval terlebih dahulu!');
+    router.back();
+  }
+
+  return (
+    <div className='w-full p-4'>
+      {isLoading && <span className='loading loading-spinner loading-xl' />}
+      {!isLoading && isResponseSuccess(marketing) && (
+        <MarketingForm
+          formType='edit_deliver'
+          initialValues={marketing.data}
+          afterSubmit={() => {
+            refreshMarketing();
+          }}
+        />
+      )}
+    </div>
+  );
+};
+export default EditMarketingDelivery;

src/app/marketing/detail/layout.tsx

@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) => {
+  return <SuspenseHelper>{children}</SuspenseHelper>;
+};
+
+export default Layout;

src/app/marketing/detail/page.tsx

@@ -1,16 +1,16 @@
 'use client';
 
-import SalesOrderDetail from '@/components/pages/marketing/detail/MarketingDetail';
+import MarketingDetail from '@/components/pages/marketing/detail/MarketingDetail';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { MarketingApi } from '@/services/api/marketing/marketing';
 import { useRouter, useSearchParams } from 'next/navigation';
 import useSWR from 'swr';
 
-const DetailSalesOrder = () => {
+const DetailMarketing = () => {
   const router = useRouter();
   const searchParams = useSearchParams();
 
-  const soId = searchParams.get('salesOrderId');
+  const soId = searchParams.get('marketingId');
 
   const {
     data: marketing,
@@ -37,7 +37,7 @@ const DetailSalesOrder = () => {
     <div className='w-full p-4'>
       {isLoading && <span className='loading loading-spinner loading-xl' />}
       {!isLoading && isResponseSuccess(marketing) && (
-        <SalesOrderDetail
+        <MarketingDetail
           initialValues={marketing.data}
           refresh={refreshMarketing}
         />
@@ -46,4 +46,4 @@ const DetailSalesOrder = () => {
   );
 };
 
-export default DetailSalesOrder;
+export default DetailMarketing;

src/app/marketing/detail/sales-orders/edit/layout.tsx

@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) => {
+  return <SuspenseHelper>{children}</SuspenseHelper>;
+};
+
+export default Layout;

src/app/marketing/detail/sales-orders/edit/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import SalesForm from '@/components/pages/marketing/form/MarketingForm';
+import MarketingForm from '@/components/pages/marketing/form/MarketingForm';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
 import { MarketingApi } from '@/services/api/marketing/marketing';
 import { useRouter, useSearchParams } from 'next/navigation';
@@ -10,7 +10,7 @@ const EditSalesOrder = () => {
   const router = useRouter();
   const searchParams = useSearchParams();
 
-  const soId = searchParams.get('salesOrderId');
+  const soId = searchParams.get('marketingId');
 
   const {
     data: marketing,
@@ -38,7 +38,7 @@ const EditSalesOrder = () => {
     <div className='w-full p-4'>
       {isLoading && <span className='loading loading-spinner loading-xl' />}
       {!isLoading && isResponseSuccess(marketing) && (
-        <SalesForm
+        <MarketingForm
           formType='edit'
           initialValues={marketing.data}
           afterSubmit={() => {

src/app/marketing/page.tsx

@@ -0,0 +1,10 @@
+import MarketingTable from '@/components/pages/marketing/MarketingTable';
+
+const Marketing = () => {
+  return (
+    <div className='w-full p-4'>
+      <MarketingTable />
+    </div>
+  );
+};
+export default Marketing;

src/app/marketing/sales-orders/page.tsx

@@ -1,10 +0,0 @@
-import SalesOrderTable from '@/components/pages/marketing/MarketingTable';
-
-const SalesOrder = () => {
-  return (
-    <div className='w-full p-4'>
-      <SalesOrderTable />
-    </div>
-  );
-};
-export default SalesOrder;