수기발행 / 현금영수증 용도변경

src/entities/transaction/ui/info-wrap/billing-info-wrap.tsx

@@ -2,20 +2,35 @@ import moment from 'moment';
 import { InfoWrapKeys, DetailInfoProps } from '../../model/types';
 
 export const BillingInfoWrap = ({
-  transactionCategory,
   billingInfo,
-  show,
-  onClickToShowInfo
 }: DetailInfoProps) => {
 
-  const onClickToSetShowInfo = () => {
-    if(!!onClickToShowInfo){
-      onClickToShowInfo(InfoWrapKeys.Important);
+  const getInstallmentMonth = () => {
+    let rs = [];
+    if((!!billingInfo?.installmentMonth && parseInt(billingInfo?.installmentMonth) > 1)){
+      rs.push(
+        <li 
+          key={ `key-installmentMonth`}
+          className="kv-row"
+        >
+          <span className="k">할부개월</span>
+          <span className="v">{ billingInfo?.installmentMonth }개월 할부</span>
+        </li> 
+      );
     }
+    else{
+      rs.push(
+        <li 
+          key={ `key-installmentMonth`}
+          className="kv-row"
+        >
+          <span className="k">할부개월</span>
+          <span className="v">일시불</span>
+        </li> 
+      );
+    }
+    return rs;
   };
-
-  
-
   return (
     <>
       <div className="txn-section">
@@ -49,12 +64,7 @@ export const BillingInfoWrap = ({
             <span className="k">처리결과</span>
             <span className="v">{ billingInfo?.processResult }</span>
           </li>
-          { (!!billingInfo?.installmentMonth && parseInt(billingInfo?.installmentMonth) > 1) && 
-            <li className="kv-row">
-              <span className="k">할부개월</span>
-              <span className="v">{ billingInfo?.installmentMonth }개월 할부</span>
-            </li> 
-          }
+          { getInstallmentMonth() }
           <li className="kv-row">
             <span className="k">상품명</span>
             <span className="v">{ billingInfo?.productName }</span>

src/entities/transaction/ui/info-wrap/issue-info-wrap.tsx

@@ -5,26 +5,13 @@ import moment from 'moment';
 export const IssueInfoWrap = ({
   transactionCategory,
   issueInfo,
-  show,
-  onClickToShowInfo
+  purpose,
 }: DetailInfoProps) => {
-  
-
-  const onClickToSetShowInfo = () => {
-    if(!!onClickToShowInfo){
-      onClickToShowInfo(InfoWrapKeys.Issue);
-    }
-  };
-  
+ 
   return (
     <>
       <div className="txn-section">
-        <div 
-          className="section-title with-toggle"
-          onClick={ () => onClickToSetShowInfo() }
-        >
-          발급 정보 <DetailArrow show={ show }></DetailArrow>
-        </div>
+        <div className="section-title">발급 정보</div>
         <ul className="kv-list">
           <li className="kv-row">
             <span className="k">승인번호</span>
@@ -40,7 +27,7 @@ export const IssueInfoWrap = ({
           </li>
           <li className="kv-row">
             <span className="k">용도</span>
-            <span className="v">{ issueInfo?.purpose }</span>
+            <span className="v">{ purpose }</span>
           </li>
           <li className="kv-row">
             <span className="k">결제수단</span>