수정

src/entities/common/ui/cash-receipt-sample.tsx

@@ -58,12 +58,19 @@ export const CashReceiptSample = ({
     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(!!cashReceiptSampleOn){
+      setTimeout(() => {
         downloadImage();
+      }, 500);
     }
   }, [cashReceiptSampleOn]);
 
@@ -77,8 +84,8 @@ export const CashReceiptSample = ({
         variants={ FilterMotionVariants }
         transition={ FilterMotionDuration }
       >
-        <div className="wrap">
         <div id="image-section">
+          <div className="wrap">
             <div className="section">
               <div className="head">
                 <div className="icon">
@@ -140,7 +147,6 @@ export const CashReceiptSample = ({
                   </svg>
                 </div>
                 <div className="h-title">결제정보</div>
-                <img src={ IMAGE_ROOT + '/ico_sign.png' } />
               </div>
               <div className="amount-row">
                 <div className="k">총 결제금액</div>
@@ -222,13 +228,13 @@ export const CashReceiptSample = ({
                 <div className="v">{ issueInfo?.purpose }</div>
               </div>
             </div>
-          </div>
             <div className="notice">
               * 본 영수증은 조세특례제한법 제 126조의 3및 동법 시행령 제 121조의 3규정에 의거, 연말정산시 소득공제 혜택 부여의 목적으로 발행됩니다.<br />
               * 현금 거래 완료 건에 대한 국세청의 검증 소요기간은 2일이며 결제하신 다음날 검증이 완료된 현금영수증을 발급받을 수 있습니다.<br />
               * 현금영수증 문의 126-1-1
             </div>
           </div>
+        </div>
       </motion.div>
     </>
   );

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

@@ -58,11 +58,18 @@ export const TaxInvoiceSample = ({
     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){
+      setTimeout
       downloadImage();
     }
   }, [taxInvoiceSampleOn]);
@@ -73,12 +80,12 @@ export const TaxInvoiceSample = ({
       <motion.div 
         className="bottomsheet mail-page"
         initial="hidden"
-        animate={ (taxInvoiceSampleOn)? 'hidden': 'hidden' }
+        animate={ (taxInvoiceSampleOn)? 'visible': 'hidden' }
         variants={ FilterMotionVariants }
         transition={ FilterMotionDuration }
       >
-        <div className="wrap">
         <div id="image-section">
+          <div className="wrap">
             <div className="section">
               <div className="head">
                 <div className="icon">
@@ -222,13 +229,13 @@ export const TaxInvoiceSample = ({
                 <div className="v">{ issueInfo?.purpose }</div>
               </div>
             </div>
-          </div>
             <div className="notice">
             * 본 영수증은 조세특례제한법 제 126조의 3및 동법 시행령 제 121조의 3규정에 의거, 연말정산시 소득공제 혜택 부여의 목적으로 발행됩니다.<br />
             * 현금 거래 완료 건에 대한 국세청의 검증 소요기간은 2일이며 결제하신 다음날 검증이 완료된 현금영수증을 발급받을 수 있습니다.<br />
             * 현금영수증 문의 126-1-1
             </div>
           </div>
+        </div>
       </motion.div>
     </>
   );

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

@@ -208,6 +208,11 @@ export const AmountInfoSection = ({
         tid: tid
       };
       cashReceiptReceiptDownload(params).then((rs: CashReceiptReceiptDownloadResponse) => {
+        /*
+        if(rs?.merchantInfo){
+          rs.merchantInfo.merchantName = '나이스페이먼츠';
+        }
+        */
         setReceiptIssueInfo(rs?.issueInfo);
         setReceiptMerchantInfo(rs?.merchantInfo);
         setReceiptTransactionInfo(rs?.transactionInfo);

src/shared/ui/assets/css/style-tax-invoice.css

@@ -1,4 +1,4 @@
-body { margin: 0; padding: 0; background: #FAFAFA; }
+/* body { margin: 0; padding: 0; background: #FAFAFA; }*/
 .mail-page { min-height: 100vh; display: flex; align-items: flex-start; justify-content: center; padding: 0 0 30px 0; }
 .mail-page .wrap { width: 100%; min-width: 320px; background: #FFFFFF; padding: 0 20px; box-sizing: border-box; }
 /* header */
@@ -39,9 +39,10 @@ body { margin: 0; padding: 0; background: #FAFAFA; }
 .mail-page .notice { padding: 16px; background: #F3F3F3; border-radius: 6px; margin: 30px 0 0 0; font-family: Pretendard, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #2D3436; }
 
 .mail-page #image-section{
-  padding: 0 20px 20px 20px;
+  padding: 0 0 20px 0;
   background-color: #ffffff;
 }
 .mail-page #image-section .section{
   background-color: #ffffff;
 }
+