..

src/entities/transaction/ui/section/amount-info-section.tsx

@@ -1,14 +1,14 @@
 import moment from 'moment';
 import { useTranslation } from 'react-i18next';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
-import { CashReceiptReceiptDownloadParams, CashReceiptReceiptDownloadResponse, InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
+import { AmountInfo, CashReceiptReceiptDownloadParams, CashReceiptReceiptDownloadResponse, CustomerInfo, InfoSectionKeys, InfoSectionProps, IssueInfo, MerchantInfo, ProductInfo, TransactionCategory, TransactionInfo } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 import { snackBar } from '@/shared/lib';
 import { useCashReceiptReceiptDownloadMutation } from '../../api/use-cash-receipt-receipt-download-mutation';
 import { useState } from 'react';
 import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
-import { TaxInvoiceSample } from '@/entities/common/ui/tax-invoice-sample';
+import { CashReceiptSample } from '@/entities/common/ui/cash-receipt-sample';
 
 export const AmountInfoSection = ({
   transactionCategory,
@@ -23,7 +23,14 @@ export const AmountInfoSection = ({
 
   const { mutateAsync: cashReceiptReceiptDownload } = useCashReceiptReceiptDownloadMutation();
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
-  const [taxInvoiceOn, setTaxInvoiceOn] = useState<boolean>(false);
+  const [cashReceiptSampleOn, setCashReceiptSampleOn] = useState<boolean>(false);
+
+  const [receiptIssueInfo, setReceiptIssueInfo] = useState<IssueInfo>({});
+  const [receiptMerchantInfo, setReceiptMerchantInfo] = useState<MerchantInfo>({});
+  const [receiptTransactionInfo, setReceiptTransactionInfo] = useState<TransactionInfo>({});
+  const [receiptAmountInfo, setReceiptAmountInfo] = useState<AmountInfo>({});
+  const [receiptCustomerInfo, setReceiptCustomerInfo] = useState<CustomerInfo>();
+  const [receiptProductInfo, setReceiptProductInfo] = useState<ProductInfo>();
 
   let newAmountInfo: Record<string, any> | undefined = amountInfo;
   const subItems: Record<string, Record<string, string>> = {
@@ -196,15 +203,19 @@ export const AmountInfoSection = ({
 		selectedMode: DownloadSelectedMode,
 		userEmail?: string
 	) => {
-    console.log(selectedMode, userEmail, tid)
     if(!!tid){
       let params: CashReceiptReceiptDownloadParams = {
         tid: tid
       };
       cashReceiptReceiptDownload(params).then((rs: CashReceiptReceiptDownloadResponse) => {
-        console.log(rs);
+        setReceiptIssueInfo(rs?.issueInfo);
+        setReceiptMerchantInfo(rs?.merchantInfo);
+        setReceiptTransactionInfo(rs?.transactionInfo);
+        setReceiptAmountInfo(rs?.amountInfo);
+        setReceiptCustomerInfo(rs?.customerInfo);
+        setReceiptProductInfo(rs?.productInfo);
         if(selectedMode === DownloadSelectedMode.IMAGE){
-          setTaxInvoiceOn(true);
+          setCashReceiptSampleOn(true);
         }
         else if(selectedMode === DownloadSelectedMode.EMAIL){
           snackBar('거래확인서 다운 성공');
@@ -431,10 +442,16 @@ export const AmountInfoSection = ({
         ></DownloadBottomSheet>
       }
       {
-        <TaxInvoiceSample
-          taxInvoiceOn={ taxInvoiceOn }
-          setTaxInvoiceOn={ setTaxInvoiceOn }
-        ></TaxInvoiceSample>
+        <CashReceiptSample
+          cashReceiptSampleOn={ cashReceiptSampleOn }
+          setCashReceiptSampleOn={ setCashReceiptSampleOn }
+          merchantInfo={ receiptMerchantInfo }
+          issueInfo={ receiptIssueInfo }
+          amountInfo={ receiptAmountInfo }
+          transactionInfo={ receiptTransactionInfo }
+          customerInfo={ receiptCustomerInfo }
+          productInfo={ receiptProductInfo }
+        ></CashReceiptSample>
       }
     </>
   );