Merge branch 'feat/purchase-export' into 'development'

[FEAT/FE] Purchase Export

See merge request mbugroup/lti-web-client!423

src/components/pages/purchase/PurchaseTable.tsx

@@ -192,6 +192,8 @@ const PurchaseTable = () => {
 
   // ===== STATE MANAGEMENT =====
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
+  const [isLoadingExportingToExcel, setIsLoadingExportingToExcel] =
+    useState(false);
   const [isExportProgressLoading, setIsExportProgressLoading] = useState(false);
   const [selectedPurchase, setSelectedPurchase] = useState<Purchase | null>(
     null
@@ -475,6 +477,20 @@ const PurchaseTable = () => {
     updateFilter('approval_status', '');
   };
 
+  const exportToExcel = useCallback(async () => {
+    setIsLoadingExportingToExcel(true);
+
+    try {
+      await PurchaseApi.exportToExcel(getTableFilterQueryString());
+    } catch (error) {
+      toast.error(
+        await getExportErrorMessage(error, 'Gagal mengekspor data pembelian')
+      );
+    } finally {
+      setIsLoadingExportingToExcel(false);
+    }
+  }, [getTableFilterQueryString]);
+
   const resetExportProgressForm = useCallback(() => {
     setExportProgressStartDate('');
     setExportProgressEndDate('');
@@ -610,6 +626,17 @@ const PurchaseTable = () => {
                 </Button>
               }
             >
+              <Button
+                variant='ghost'
+                color='none'
+                onClick={exportToExcel}
+                isLoading={isLoadingExportingToExcel}
+                className='w-full p-3 justify-start text-sm text-base-content/50 font-semibold text-nowrap'
+              >
+                <Icon icon='heroicons:table-cells' width={20} height={20} />
+                Ekspor ke Excel
+              </Button>
+
               <Button
                 variant='ghost'
                 color='none'

src/services/api/purchase.ts

@@ -115,6 +115,33 @@ export const PurchaseApi = {
     },
   },
 
+  async exportToExcel(initialQueryString: string) {
+    const params = new URLSearchParams(initialQueryString);
+
+    params.set('export', 'excel');
+    params.set('type', 'all');
+    params.set('page', '1');
+    params.set('limit', '99999999999');
+
+    const queryString = `?${params.toString()}`;
+
+    const res = await httpClient<Blob>(`${this.basePath}${queryString}`, {
+      method: 'GET',
+      responseType: 'blob',
+    });
+
+    const url = window.URL.createObjectURL(new Blob([res]));
+    const link = document.createElement('a');
+    link.href = url;
+
+    const fileName = `pembelian-${formatDate(Date.now(), 'DD-MM-YYYY')}.xlsx`;
+    link.setAttribute('download', fileName);
+
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+  },
+
   async exportInputProgressToExcel(startDate: string, endDate: string) {
     const params = new URLSearchParams();