refactor(FE): Add invoice download and PO table columns

src/components/pages/purchase/order/PurchaseOrderInvoice.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo, useState } from 'react';
+import { useMemo, useState, useEffect, useCallback, useRef } from 'react';
 import {
   Page,
   Text,
@@ -235,11 +235,16 @@ const pdfStyles = StyleSheet.create({
 interface PurchaseOrderInvoiceProps {
   data?: Purchase;
   className?: string;
+  triggerDownloadOnMount?: boolean;
 }
 
-const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
+const PurchaseOrderInvoice = ({
+  data,
+  triggerDownloadOnMount,
+}: PurchaseOrderInvoiceProps) => {
   const [, setIsGeneratingPDF] = useState(false);
   const purchaseData = data;
+  const hasDownloadedRef = useRef(false);
 
   const grandTotal = useMemo(() => {
     return (
@@ -250,7 +255,7 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
     );
   }, [purchaseData?.items]);
 
-  const handleDownloadPDF = async () => {
+  const handleDownloadPDF = useCallback(async () => {
     if (!purchaseData) {
       toast.error('No purchase order data available');
       return;
@@ -510,7 +515,20 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
     } finally {
       setIsGeneratingPDF(false);
     }
-  };
+  }, [purchaseData]);
+
+  useEffect(() => {
+    if (triggerDownloadOnMount && purchaseData && !hasDownloadedRef.current) {
+      hasDownloadedRef.current = true;
+      handleDownloadPDF();
+    }
+  }, [triggerDownloadOnMount, purchaseData]);
+
+  useEffect(() => {
+    if (!triggerDownloadOnMount) {
+      hasDownloadedRef.current = false;
+    }
+  }, [triggerDownloadOnMount]);
 
   if (!purchaseData) {
     return (
@@ -520,6 +538,10 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
     );
   }
 
+  if (triggerDownloadOnMount) {
+    return null;
+  }
+
   return purchaseData?.po_number &&
     purchaseData.po_number !== 'Belum dibuat' ? (
     <Button