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

src/components/pages/marketing/MarketingTable.tsx

@@ -22,6 +22,7 @@ import { useTableFilter } from '@/services/hooks/useTableFilter';
 import { BaseSalesOrder, Marketing } from '@/types/api/marketing/marketing';
 import { Icon } from '@iconify/react';
 import { CellContext, Row } from '@tanstack/react-table';
+import { useRouter } from 'next/navigation';
 import { useCallback, useState } from 'react';
 import toast from 'react-hot-toast';
 import useSWR from 'swr';
@@ -30,10 +31,12 @@ const RowsOptionsMenu = ({
   type = 'dropdown',
   props,
   deleteClickHandler,
+  deliveryClickHandler,
 }: {
   type: 'dropdown' | 'collapse';
   props: CellContext<Marketing, unknown>;
   deleteClickHandler: () => void;
+  deliveryClickHandler?: () => void;
 }) => {
   return (
     <div
@@ -48,7 +51,7 @@ const RowsOptionsMenu = ({
     >
       <div className='flex flex-col gap-1'>
         <Button
-          href={`/marketing/sales-orders/detail/?salesOrderId=${props.row.original.id}`}
+          href={`/marketing/detail?marketingId=${props.row.original.id}`}
           variant='ghost'
           color='primary'
           className='justify-start text-sm'
@@ -58,7 +61,18 @@ const RowsOptionsMenu = ({
         </Button>
         {props.row.original.latest_approval.step_number != 1 && (
           <Button
-            href={`/marketing/sales-orders/detail/edit/delivery?salesOrderId=${props.row.original.id}`}
+            href={
+              props.row.original.latest_approval.step_number == 3
+                ? `/marketing/detail/delivery-orders/edit?marketingId=${props.row.original.id}`
+                : props.row.original.latest_approval.step_number == 2
+                  ? `/marketing/add/delivery-orders?marketingId=${props.row.original.id}`
+                  : undefined
+            }
+            onClick={() => {
+              if (props.row.original.latest_approval.step_number == 2) {
+                deliveryClickHandler?.();
+              }
+            }}
             variant='ghost'
             color='success'
             className='justify-start text-sm'
@@ -69,7 +83,7 @@ const RowsOptionsMenu = ({
         )}
         {props.row.original.latest_approval.step_number != 3 && (
           <Button
-            href={`/marketing/sales-orders/detail/edit?salesOrderId=${props.row.original.id}`}
+            href={`/marketing/detail/sales-orders/edit?marketingId=${props.row.original.id}`}
             variant='ghost'
             color='warning'
             className='justify-start text-sm'
@@ -92,7 +106,7 @@ const RowsOptionsMenu = ({
   );
 };
 
-const SalesOrderTable = () => {
+const MarketingTable = () => {
   const [search, setSearch] = useState('');
   const [page, setPage] = useState(1);
   const [pageSize, setPageSize] = useState(10);
@@ -103,6 +117,8 @@ const SalesOrderTable = () => {
   const [selectedItem, setSelectedItem] = useState<Marketing | null>(null);
   const [rowSelection, setRowSelection] = useState<Record<string, boolean>>({});
 
+  const router = useRouter();
+
   const {
     data: marketing,
     isLoading: isLoadingMarketing,
@@ -112,6 +128,7 @@ const SalesOrderTable = () => {
   const deleteModal = useModal();
   const confirmationModal = useModal();
   const productsModal = useModal();
+  const deliveryModal = useModal();
 
   const searchChangeHandler = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -221,6 +238,16 @@ const SalesOrderTable = () => {
     refreshMarketing();
   };
 
+  const confirmationModalDeliveryClickHandler = async (notes: string) => {
+    const res = await SalesOrderApi.delivery(selectedItem?.id as number, notes);
+    deliveryModal.closeModal();
+    toast.success(res?.message as string);
+    refreshMarketing?.();
+    router.push(
+      `/marketing/detail/delivery-orders/edit?marketingId=${selectedItem?.id}`
+    );
+  };
+
   const {
     state: tableFilterState,
     updateFilter,
@@ -246,7 +273,7 @@ const SalesOrderTable = () => {
         <div className='flex flex-col gap-2 mb-4'>
           <TableToolbar
             addButton={{
-              href: '/marketing/sales-orders/add',
+              href: '/marketing/add/sales-orders',
               label: 'Tambah Sales Order',
             }}
             search={{
@@ -411,6 +438,11 @@ const SalesOrderTable = () => {
                   deleteModal.openModal();
                 };
 
+                const deliveryClickHandler = () => {
+                  setSelectedItem(props.row.original);
+                  deliveryModal.openModal();
+                };
+
                 return (
                   <>
                     {currentPageSize > 2 && (
@@ -419,6 +451,7 @@ const SalesOrderTable = () => {
                           type='dropdown'
                           props={props}
                           deleteClickHandler={deleteClickHandler}
+                          deliveryClickHandler={deliveryClickHandler}
                         />
                       </RowDropdownOptions>
                     )}
@@ -429,6 +462,7 @@ const SalesOrderTable = () => {
                           type='collapse'
                           props={props}
                           deleteClickHandler={deleteClickHandler}
+                          deliveryClickHandler={deliveryClickHandler}
                         />
                       </RowCollapseOptions>
                     )}
@@ -493,6 +527,19 @@ const SalesOrderTable = () => {
           onClick: deleteMarketingHandler,
         }}
       />
+      <ConfirmationModalWithNotes
+        ref={deliveryModal.ref}
+        type={'success'}
+        text={`Apakah anda yakin ingin deliver penjualan ${selectedItem?.so_number}?`}
+        secondaryButton={{
+          text: 'Tidak',
+        }}
+        primaryButton={{
+          text: 'Ya',
+          color: 'success',
+          onClick: confirmationModalDeliveryClickHandler,
+        }}
+      />
 
       <Modal
         ref={productsModal.ref}
@@ -554,4 +601,4 @@ const SalesOrderTable = () => {
     </>
   );
 };
-export default SalesOrderTable;
+export default MarketingTable;