이미지 다운로드 부분 수정

src/entities/common/ui/tax-invoice-sample.tsx

@@ -9,27 +9,30 @@ import { useEffect } from 'react';
 import { NumericFormat } from 'react-number-format';
 import { AmountInfo, CustomerInfo, IssueInfo, MerchantInfo, ProductInfo, TransactionInfo } from '@/entities/transaction/model/types';
 import moment from 'moment';
+import { RecipientInfo, SupplierInfo, TransactionDetails } from '@/entities/vat-return/model/types';
 
 export interface TaxInvoiceSampleProps {
   taxInvoiceSampleOn: boolean;
   setTaxInvoiceSampleOn: (taxInvoiceSampleOn: boolean) => void;
-  merchantInfo?: MerchantInfo;
-  issueInfo?: IssueInfo;
-  amountInfo?: AmountInfo;
-  transactionInfo?: TransactionInfo;
-  customerInfo?: CustomerInfo;
-  productInfo?: ProductInfo;
+  supplierInfo?: SupplierInfo;
+  recipientInfo?: RecipientInfo;
+  issueDate?: string;
+  supplyAmount?: number;
+  taxAmount?: number
+  totalAmount?: number;
+  transactionDetails?: TransactionDetails;
 };
 
 export const TaxInvoiceSample = ({
   taxInvoiceSampleOn,
   setTaxInvoiceSampleOn,
-  merchantInfo,
-  issueInfo,
-  amountInfo,
-  transactionInfo,
-  customerInfo,
-  productInfo
+  supplierInfo,
+  recipientInfo,
+  issueDate,
+  supplyAmount,
+  taxAmount,
+  totalAmount,
+  transactionDetails
 }: TaxInvoiceSampleProps) => {
   const { t } = useTranslation();
 
@@ -49,23 +52,7 @@ export const TaxInvoiceSample = ({
     setTaxInvoiceSampleOn(false);
   };
 
-  const getDateTime = () => {
-    let date = '';
-    let time = '';
-    if(!!issueInfo?.issueDate){
-      date = moment(issueInfo?.issueDate).format('YYYY.MM.DD');
-    }
-    if(!!issueInfo?.issueDate && !!issueInfo?.issueTime){
-      time = moment(issueInfo?.issueDate+' '+issueInfo?.issueTime).format('HH:mm:ss');
-    }
-
-    if(!!date && !!time){
-      return date + ' | ' + time;
-    }
-    else{
-      return '';
-    }
-  };
+ 
 
   useEffect(() => {
     if(!!taxInvoiceSampleOn){
@@ -105,23 +92,23 @@ export const TaxInvoiceSample = ({
               </div>
               <div className="row">
                 <div className="k">상호</div>
-                <div className="v">{ merchantInfo?.merchantName }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">대표자</div>
-                <div className="v">{ merchantInfo?.representativeName }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">사업자등록번호</div>
-                <div className="v">{ merchantInfo?.businessNumber }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">전화번호</div>
-                <div className="v">{ merchantInfo?.phoneNumber }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">주소</div>
-                <div className="v">{ merchantInfo?.address }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">URL</div>
@@ -153,7 +140,7 @@ export const TaxInvoiceSample = ({
                 <div className="k">총 결제금액</div>
                 <div className="v">
                   <NumericFormat
-                    value={ amountInfo?.amount }
+                    value={ 0 }
                     thousandSeparator
                     displayType="text"
                   ></NumericFormat>
@@ -163,7 +150,7 @@ export const TaxInvoiceSample = ({
                 <div className="k">과세금액</div>
                 <div className="v">
                   <NumericFormat
-                    value={ amountInfo?.supplyAmount }
+                    value={ 0 }
                     thousandSeparator
                     displayType="text"
                   ></NumericFormat>
@@ -173,7 +160,7 @@ export const TaxInvoiceSample = ({
                 <div className="k">부가세</div>
                 <div className="v">
                   <NumericFormat
-                    value={ amountInfo?.vatAmount }
+                    value={ 0 }
                     thousandSeparator
                     displayType="text"
                   ></NumericFormat>
@@ -183,7 +170,7 @@ export const TaxInvoiceSample = ({
                 <div className="k">면세금액</div>
                 <div className="v">
                   <NumericFormat
-                    value={ amountInfo?.taxFreeAmount }
+                    value={ 0 }
                     thousandSeparator
                     displayType="text"
                   ></NumericFormat>
@@ -193,7 +180,7 @@ export const TaxInvoiceSample = ({
                 <div className="k">봉사료</div>
                 <div className="v">
                   <NumericFormat
-                    value={ amountInfo?.serviceAmount }
+                    value={ 0 }
                     thousandSeparator
                     displayType="text"
                   ></NumericFormat>
@@ -202,31 +189,31 @@ export const TaxInvoiceSample = ({
               <div className="row split"></div>
               <div className="row">
                 <div className="k">결제수단</div>
-                <div className="v">{ transactionInfo?.paymentMethod }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">현금영수증번호</div>
-                <div className="v">{ issueInfo?.issueNumber }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">주문자</div>
-                <div className="v">{ customerInfo?.customerName }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">상품명</div>
-                <div className="v">{ productInfo?.productName }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">승인번호</div>
-                <div className="v">{ issueInfo?.approvalNumber }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">거래일시</div>
-                <div className="v">{ getDateTime() }</div>
+                <div className="v">{  }</div>
               </div>
               <div className="row">
                 <div className="k">용도</div>
-                <div className="v">{ issueInfo?.purpose }</div>
+                <div className="v">{  }</div>
               </div>
             </div>
             <div className="notice">