거래내역 상세 페이지 관련

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

@@ -2,7 +2,7 @@ import moment from 'moment';
 import { NumericFormat } from 'react-number-format';
 import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow';
 import { useDownloadConfirmationMutation } from '../../api/use-download-confirmation-mutation';
-import { InfoSectionKeys, InfoSectionProps } from '../../model/types';
+import { InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types';
 import { SlideDown } from 'react-slidedown';
 import 'react-slidedown/lib/slidedown.css';
 
@@ -218,7 +218,15 @@ export const AmountInfoSection = ({
         { !!isOpen &&
           <div className="amount-expand">
             <ul className="amount-list">
-              { subLi() }
+              { (transactionCategory === TransactionCategory.AllTransaction) && 
+                subLi() 
+              }
+              { (transactionCategory === TransactionCategory.CashReceipt) && 
+                <></>
+              }
+              { (transactionCategory === TransactionCategory.Escrow) && 
+                <></>
+              } 
             </ul>
           </div>
         }
@@ -226,13 +234,18 @@ export const AmountInfoSection = ({
         <div className="txn-mid">
           <span className="value">{ amountInfo?.mid }</span>
         </div>
-        <div className="txn-doc">
-          <button 
-            className="doc-btn" 
-            type="button"
-            onClick={ () => onClickToDownloadConfirmation() }
-          >거래 확인서</button>
-        </div>
+        {
+          ((transactionCategory === TransactionCategory.CashReceipt) || 
+          (transactionCategory === TransactionCategory.Escrow) || 
+          (transactionCategory === TransactionCategory.Billing)) &&
+          <div className="txn-doc">
+            <button 
+              className="doc-btn" 
+              type="button"
+              onClick={ () => onClickToDownloadConfirmation() }
+            >거래 확인서</button>
+          </div>
+        }
       </div>
     </>
   );