diff --git a/src/entities/common/ui/tax-invoice-sample.tsx b/src/entities/common/ui/tax-invoice-sample.tsx index 6d82726..e928fc3 100644 --- a/src/entities/common/ui/tax-invoice-sample.tsx +++ b/src/entities/common/ui/tax-invoice-sample.tsx @@ -1,15 +1,14 @@ +import moment from 'moment'; import { IMAGE_ROOT } from '@/shared/constants/common'; import { motion } from 'framer-motion'; -import { FilterMotionDuration, FilterMotionVariants } from '../model/constant'; import { snackBar } from '@/shared/lib'; import { toPng } from 'html-to-image'; import { useTranslation } from 'react-i18next'; -import '@/shared/ui/assets/css/style-tax-invoice.css'; 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 { FilterMotionDuration, FilterMotionVariants } from '../model/constant'; import { RecipientInfo, SupplierInfo, TransactionDetails } from '@/entities/vat-return/model/types'; +import '@/shared/ui/assets/css/style-tax-invoice.css'; export interface TaxInvoiceSampleProps { taxInvoiceSampleOn: boolean; @@ -52,176 +51,25 @@ export const TaxInvoiceSample = ({ setTaxInvoiceSampleOn(false); }; - - useEffect(() => { if(!!taxInvoiceSampleOn){ - setTimeout - downloadImage(); + setTimeout(() => { + downloadImage(); + }, 500); } }, [taxInvoiceSampleOn]); - return ( <>
-
-
-
-
- - - - - -
-
상점정보
-
-
-
상호
-
{ }
-
-
-
대표자
-
{ }
-
-
-
사업자등록번호
-
{ }
-
-
-
전화번호
-
{ }
-
-
-
주소
-
{ }
-
-
-
URL
-
-
-
-
-
-
-
- - - - - - - -
-
결제정보
- -
-
-
총 결제금액
-
- -
-
-
-
과세금액
-
- -
-
-
-
부가세
-
- -
-
-
-
면세금액
-
- -
-
-
-
봉사료
-
- -
-
-
-
-
결제수단
-
{ }
-
-
-
현금영수증번호
-
{ }
-
-
-
주문자
-
{ }
-
-
-
상품명
-
{ }
-
-
-
승인번호
-
{ }
-
-
-
거래일시
-
{ }
-
-
-
용도
-
{ }
-
-
-
- * 본 영수증은 조세특례제한법 제 126조의 3및 동법 시행령 제 121조의 3규정에 의거, 연말정산시 소득공제 혜택 부여의 목적으로 발행됩니다.
- * 현금 거래 완료 건에 대한 국세청의 검증 소요기간은 2일이며 결제하신 다음날 검증이 완료된 현금영수증을 발급받을 수 있습니다.
- * 현금영수증 문의 126-1-1 -
-
+