부가서비스

- 링크결제 간격 조절

src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx

@@ -60,20 +60,18 @@ export const TitleInfoWrap = ({
       {/*링크결제_발송대기*/}
       {additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait && (
         <>
-          <>
+          <div className="num-amount">
-            <div className="num-amount">
+            <span className="amount-text">
-              <span className="amount-text">
+              <NumericFormat
-                <NumericFormat
+                value={titleInfo?.amount}
-                  value={titleInfo?.amount}
+                thousandSeparator
-                  thousandSeparator
+                displayType="text"
-                  displayType="text"
+                suffix={'원'}
-                  suffix={'원'}
+              ></NumericFormat>
-                ></NumericFormat>
+            </span>
-              </span>
+          </div>
-            </div>
+          <div className="num-store">{titleInfo?.corpName}</div>
-            <div className="num-store">{titleInfo?.corpName}</div>
+          <div className="num-day">{titleInfo?.scheduledSendDate && moment(titleInfo.scheduledSendDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD')}</div>
-            <div className="num-day">{titleInfo?.scheduledSendDate && moment(titleInfo.scheduledSendDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD')}</div>
-          </>
         </>
       )}
     </>

src/pages/additional-service/link-payment/link-payment-detail-page.tsx

@@ -64,7 +64,7 @@ export const LinkPaymentDetailPage = () => {
       })
       .catch((error) => {
         console.error("Resend 실패: ", error);
-        
+
       });
   }
 
@@ -106,8 +106,8 @@ export const LinkPaymentDetailPage = () => {
           <div className="tab-pane sub active">
             <div className="pay-top">
               <TitleInfoWrap
-              additionalServiceCategory={AdditionalServiceCategory.LinkPaymentHistory}
+                additionalServiceCategory={AdditionalServiceCategory.LinkPaymentHistory}
-              titleInfo={titleInfo}
+                titleInfo={titleInfo}
               ></TitleInfoWrap>
             </div>
             <div className="pay-detail">

src/pages/additional-service/link-payment/link-payment-wait-detail-page.tsx

@@ -106,9 +106,9 @@ export const LinkPaymentWaitDetailPage = () => {
                 additionalServiceCategory={AdditionalServiceCategory.LinkPaymentWait}
                 titleInfo={titleInfo}
               ></TitleInfoWrap>
-
+            </div>
-              <div className="txn-divider minus"></div>
+            <div className="pay-detail">
-
+              <div className="detail-divider"></div>
               <PaymentInfoWrap
                 additionalServiceCategory={AdditionalServiceCategory.LinkPaymentWait}
                 paymentInfo={paymentInfo}
@@ -122,7 +122,7 @@ export const LinkPaymentWaitDetailPage = () => {
             >삭제</button>
           </div>
         </div>
-      </main>
+      </main >
     </>
   )
 };