refactor(FE): Disable invoice download feature

src/components/pages/purchase/PurchaseTable.tsx

@@ -17,7 +17,7 @@ import RowCollapseOptions from '@/components/table/RowCollapseOptions';
 import RowOptionsMenuWrapper from '@/components/table/RowOptionsMenuWrapper';
 import RequirePermission from '@/components/helper/RequirePermission';
 import StatusBadge from '@/components/helper/StatusBadge';
-import PurchaseOrderInvoice from '@/components/pages/purchase/order/PurchaseOrderInvoice';
+// import PurchaseOrderInvoice from '@/components/pages/purchase/order/PurchaseOrderInvoice';
 
 import { cn, formatDate } from '@/lib/helper';
 import { isResponseSuccess } from '@/lib/api-helper';
@@ -159,26 +159,26 @@ const PurchaseTable = () => {
     PurchaseApi.getAllFetcher
   );
 
-  const [isDownloadingInvoice, setIsDownloadingInvoice] = useState(false);
-  const [invoicePurchaseData, setInvoicePurchaseData] =
-    useState<Purchase | null>(null);
+  // const [isDownloadingInvoice, setIsDownloadingInvoice] = useState(false);
+  // const [invoicePurchaseData, setInvoicePurchaseData] =
+  //   useState<Purchase | null>(null);
 
-  const handleDownloadInvoice = async (purchaseId: number) => {
-    setIsDownloadingInvoice(true);
-    try {
-      const response = await PurchaseApi.getSingle(purchaseId);
-      if (isResponseSuccess(response) && response.data) {
-        setInvoicePurchaseData(response.data);
-        setTimeout(() => {
-          setInvoicePurchaseData(null);
-        }, 1000);
-      }
-    } catch {
-      toast.error('Gagal mengambil data purchase order.');
-    } finally {
-      setIsDownloadingInvoice(false);
-    }
-  };
+  // const handleDownloadInvoice = async (purchaseId: number) => {
+  //   setIsDownloadingInvoice(true);
+  //   try {
+  //     const response = await PurchaseApi.getSingle(purchaseId);
+  //     if (isResponseSuccess(response) && response.data) {
+  //       setInvoicePurchaseData(response.data);
+  //       setTimeout(() => {
+  //         setInvoicePurchaseData(null);
+  //       }, 1000);
+  //     }
+  //   } catch {
+  //     toast.error('Gagal mengambil data purchase order.');
+  //   } finally {
+  //     setIsDownloadingInvoice(false);
+  //   }
+  // };
 
   // ===== TABLE COLUMNS DEFINITION =====
   const purchaseColumns: ColumnDef<Purchase>[] = [
@@ -192,33 +192,7 @@ const PurchaseTable = () => {
     {
       accessorKey: 'po_expedition',
       header: 'PO Ekspedisi',
-      cell: (props) => {
-        const purchase = props.row.original;
-
-        if (!purchase.po_number || purchase.po_number === 'Belum dibuat') {
-          return <span>-</span>;
-        }
-
-        return (
-          <Button
-            color='primary'
-            className='w-fit min-w-32 flex items-center justify-start gap-1 px-2 py-1 text-sm font-mono'
-            onClick={() => handleDownloadInvoice(purchase.id)}
-            disabled={isDownloadingInvoice}
-          >
-            <Icon
-              icon={
-                isDownloadingInvoice
-                  ? 'eos-icons:loading'
-                  : 'material-symbols:file-open-outline'
-              }
-              width={16}
-              height={16}
-            />
-            {purchase.po_number}
-          </Button>
-        );
-      },
+      cell: (props) => props.row.original.po_expedition || '-',
     },
     {
       accessorKey: 'supplier.name',
@@ -506,14 +480,14 @@ const PurchaseTable = () => {
         }}
       />
 
-      {invoicePurchaseData && (
+      {/*{invoicePurchaseData && (
         <div className='hidden'>
           <PurchaseOrderInvoice
             data={invoicePurchaseData}
             triggerDownloadOnMount={true}
           />
         </div>
-      )}
+      )}*/}
     </>
   );
 };