수정

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