상세 태그 수정

src/entities/transaction/ui/detail/all-transaction-detail.tsx

@@ -157,72 +157,71 @@ export const AllTransactionDetail = ({
               ></FullMenuClose>
             </div>
           </div>
-          <div className="tab-pane sub active">
-            <div className="option-list pb-86">
-              <div className="txn-detail">
-                <AmountInfoSection
-                  transactionCategory={ TransactionCategory.AllTransaction }
-                  amountInfo={ amountInfo }
-                  isOpen={ showAmountInfo }
-                  tid={ tid } 
-                  serviceCode={ serviceCode }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></AmountInfoSection>
-                <div className="txn-divider minus"></div>
-                <ImportantInfoSection
-                  transactionCategory={ TransactionCategory.AllTransaction }
-                  importantInfo={ importantInfo }
-                  serviceCode={ serviceCode }
-                ></ImportantInfoSection>
-                { !!paymentInfo && 
-                  <>
-                    <div className="txn-divider"></div>
-                    <PaymentInfoSection
-                      transactionCategory={ TransactionCategory.AllTransaction }
-                      paymentInfo={ paymentInfo }
-                      serviceCode={ serviceCode }
-                      isOpen={ showPaymentInfo }
-                      onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                    ></PaymentInfoSection>
-                  </>
-                }
-                { !!transactionInfo &&
-                  <>
-                    <div className="txn-divider"></div>
-                    <TransactionInfoSection
-                      transactionCategory={ TransactionCategory.AllTransaction }
-                      transactionInfo={ transactionInfo }
-                      serviceCode={ serviceCode }
-                      isOpen={ showTransactionInfo }
-                      onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                    ></TransactionInfoSection>
-                  </>
-                }
-                { !!settlementInfo &&
-                  <>
-                    <div className="txn-divider"></div>
-                    <SettlementInfoSection
-                      transactionCategory={ TransactionCategory.AllTransaction }
-                      settlementInfo={ settlementInfo }
-                      serviceCode={ serviceCode }
-                      isOpen={ showSettlementInfo }
-                      onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                    ></SettlementInfoSection>
-                  </>
-                }
-                { !!partCancelInfo &&
-                  <>
-                    <div className="txn-divider"></div>
-                    <PartCancelInfoSection
-                      transactionCategory={ TransactionCategory.AllTransaction }
-                      partCancelInfo={ partCancelInfo }
-                      serviceCode={ serviceCode }
-                      isOpen={ showPartCancelInfo }
-                      onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                    ></PartCancelInfoSection>
-                  </>
-                }
-              </div>
+          
+          <div className="option-list pb-86">
+            <div className="txn-detail">
+              <AmountInfoSection
+                transactionCategory={ TransactionCategory.AllTransaction }
+                amountInfo={ amountInfo }
+                isOpen={ showAmountInfo }
+                tid={ tid } 
+                serviceCode={ serviceCode }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></AmountInfoSection>
+              <div className="txn-divider minus"></div>
+              <ImportantInfoSection
+                transactionCategory={ TransactionCategory.AllTransaction }
+                importantInfo={ importantInfo }
+                serviceCode={ serviceCode }
+              ></ImportantInfoSection>
+              { !!paymentInfo && 
+                <>
+                  <div className="txn-divider"></div>
+                  <PaymentInfoSection
+                    transactionCategory={ TransactionCategory.AllTransaction }
+                    paymentInfo={ paymentInfo }
+                    serviceCode={ serviceCode }
+                    isOpen={ showPaymentInfo }
+                    onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                  ></PaymentInfoSection>
+                </>
+              }
+              { !!transactionInfo &&
+                <>
+                  <div className="txn-divider"></div>
+                  <TransactionInfoSection
+                    transactionCategory={ TransactionCategory.AllTransaction }
+                    transactionInfo={ transactionInfo }
+                    serviceCode={ serviceCode }
+                    isOpen={ showTransactionInfo }
+                    onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                  ></TransactionInfoSection>
+                </>
+              }
+              { !!settlementInfo &&
+                <>
+                  <div className="txn-divider"></div>
+                  <SettlementInfoSection
+                    transactionCategory={ TransactionCategory.AllTransaction }
+                    settlementInfo={ settlementInfo }
+                    serviceCode={ serviceCode }
+                    isOpen={ showSettlementInfo }
+                    onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                  ></SettlementInfoSection>
+                </>
+              }
+              { !!partCancelInfo &&
+                <>
+                  <div className="txn-divider"></div>
+                  <PartCancelInfoSection
+                    transactionCategory={ TransactionCategory.AllTransaction }
+                    partCancelInfo={ partCancelInfo }
+                    serviceCode={ serviceCode }
+                    isOpen={ showPartCancelInfo }
+                    onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                  ></PartCancelInfoSection>
+                </>
+              }
             </div>
           </div>
         </div>

src/entities/transaction/ui/detail/billing-detail.tsx

@@ -73,31 +73,29 @@ export const BillingDetail = ({
               ></FullMenuClose>
             </div>
           </div>
-          <div className="tab-pane sub active">
-            <div className="option-list">
-              <div className="txn-detail">
-                <div className="txn-num-group">
-                  <div className="txn-amount">
-                    <div className="value">
-                      { i18n.language === 'en' && <span className="unit">{ t('home.currencySymbol') }</span> }
-                      <NumericFormat
-                        value={ amountInfo?.transactionAmount }
-                        thousandSeparator
-                        displayType="text"
-                      ></NumericFormat>
-                      { i18n.language !== 'en' && <span className="unit">{ t('home.currencyWon') }</span> }
-                    </div>
+          <div className="option-list">
+            <div className="txn-detail">
+              <div className="txn-num-group">
+                <div className="txn-amount">
+                  <div className="value">
+                    { i18n.language === 'en' && <span className="unit">{ t('home.currencySymbol') }</span> }
+                    <NumericFormat
+                      value={ amountInfo?.transactionAmount }
+                      thousandSeparator
+                      displayType="text"
+                    ></NumericFormat>
+                    { i18n.language !== 'en' && <span className="unit">{ t('home.currencyWon') }</span> }
                   </div>
-                  <div className="txn-mid">
-                    <span className="value">{ amountInfo?.buyerName }</span>
-                  </div>
-                  <div className="txn-doc"></div>
                 </div>
-                <div className="txn-divider"></div>
-                <BillingInfoSection
-                  billingInfo={ billingInfo }
-                ></BillingInfoSection>
+                <div className="txn-mid">
+                  <span className="value">{ amountInfo?.buyerName }</span>
+                </div>
+                <div className="txn-doc"></div>
               </div>
+              <div className="txn-divider"></div>
+              <BillingInfoSection
+                billingInfo={ billingInfo }
+              ></BillingInfoSection>
             </div>
           </div>
         </div>

src/entities/transaction/ui/detail/cash-receit-detail.tsx

@@ -128,44 +128,42 @@ export const CashReceiptDetail = ({
               ></FullMenuClose>
             </div>
           </div>
-          <div className="tab-pane sub active">
-            <div className={ `option-list ${(detailInfo?.canDownloadReceipt)? 'pb-86': ''}` }>
-              <div className="txn-detail">
-                <AmountInfoSection
+          <div className={ `option-list ${(detailInfo?.canDownloadReceipt)? 'pb-86': ''}` }>
+            <div className="txn-detail">
+              <AmountInfoSection
+                transactionCategory={ TransactionCategory.CashReceipt }
+                amountInfo={ amountInfo }
+                isOpen={ showAmountInfo }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                purposeType={ purposeType }
+                canDownloadReceipt={ canDownloadReceipt }
+              ></AmountInfoSection>
+              <div className="txn-divider"></div>
+              <IssueInfoSection
+                transactionCategory={ TransactionCategory.CashReceipt }
+                issueInfo={ issueInfo }
+                purposeType={ purposeType }
+              ></IssueInfoSection>
+              <div className="txn-divider minus"></div>
+              { !!detailInfo &&
+                <DetailInfoSection
                   transactionCategory={ TransactionCategory.CashReceipt }
-                  amountInfo={ amountInfo }
-                  isOpen={ showAmountInfo }
+                  detailInfo={ detailInfo }
+                  isOpen={ showDetailInfo }
                   onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                  purposeType={ purposeType }
-                  canDownloadReceipt={ canDownloadReceipt }
-                ></AmountInfoSection>
-                <div className="txn-divider"></div>
-                <IssueInfoSection
-                  transactionCategory={ TransactionCategory.CashReceipt }
-                  issueInfo={ issueInfo }
-                  purposeType={ purposeType }
-                ></IssueInfoSection>
-                <div className="txn-divider minus"></div>
-                { !!detailInfo &&
-                  <DetailInfoSection
-                    transactionCategory={ TransactionCategory.CashReceipt }
-                    detailInfo={ detailInfo }
-                    isOpen={ showDetailInfo }
-                    onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                  ></DetailInfoSection>
-                }
-              </div>
+                ></DetailInfoSection>
+              }
             </div>
-            { (issueInfo?.transactionType === CashReceiptTransactionType.APPROVAL) &&
-              (issueInfo?.processResult === '발급완료') &&
-              <div className="apply-row">
-                <button
-                  className="btn-50 btn-blue flex-1"
-                  onClick={ () => onClickToPurposeUpdate() }
-                >{ t('cashReceipt.changePurpose') }</button>
-              </div>
-            }
           </div>
+          { (issueInfo?.transactionType === CashReceiptTransactionType.APPROVAL) &&
+            (issueInfo?.processResult === '발급완료') &&
+            <div className="apply-row">
+              <button
+                className="btn-50 btn-blue flex-1"
+                onClick={ () => onClickToPurposeUpdate() }
+              >{ t('cashReceipt.changePurpose') }</button>
+            </div>
+          }
         </div>
       </motion.div>
       <CashReceitPurposeUpdateBottomSheet

src/entities/transaction/ui/detail/escrow-detail.tsx

@@ -152,57 +152,55 @@ export const EscrowDetail = ({
               ></FullMenuClose>
             </div>
           </div>
-          <div className="tab-pane sub active">
-            <div className="option-list">
-              <div className="txn-detail">
-                <AmountInfoSection
-                  transactionCategory={ TransactionCategory.Escrow }
-                  amountInfo={ amountInfo }
-                  isOpen={ showAmountInfo }
-                  tid={ tid }
-                  serviceCode={ serviceCode }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></AmountInfoSection>
-                <div className="txn-divider minus"></div>
-                <ImportantInfoSection
-                  transactionCategory={ TransactionCategory.Escrow }
-                  importantInfo={ importantInfo }
-                ></ImportantInfoSection>
-                <div className="txn-divider minus"></div>
-                <EscrowInfoSection
-                  escrowInfo={ escrowInfo }
-                  isOpen={ showEscroInfo }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></EscrowInfoSection>
-                <div className="txn-divider minus"></div>
-                <PaymentInfoSection
-                  transactionCategory={ TransactionCategory.Escrow }
-                  paymentInfo={ paymentInfo }
-                  isOpen={ showPaymentInfo }
-                  serviceCode={ serviceCode }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></PaymentInfoSection>
-                <div className="txn-divider"></div>
-                <TransactionInfoSection
-                  transactionCategory={ TransactionCategory.Escrow }
-                  transactionInfo={ transactionInfo }
-                  isOpen={ showTransactionInfo }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></TransactionInfoSection>
-                <div className="txn-divider"></div>
-                <SettlementInfoSection
-                  transactionCategory={ TransactionCategory.Escrow }
-                  settlementInfo={ settlementInfo }
-                  isOpen={ showSettlementInfo }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></SettlementInfoSection>
-                <div className="txn-divider"></div>
-                <MerchantInfoSection
-                  merchantInfo={ merchantInfo }
-                  isOpen={ showMerchantInfo }
-                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
-                ></MerchantInfoSection>
-              </div>
+          <div className="option-list">
+            <div className="txn-detail">
+              <AmountInfoSection
+                transactionCategory={ TransactionCategory.Escrow }
+                amountInfo={ amountInfo }
+                isOpen={ showAmountInfo }
+                tid={ tid }
+                serviceCode={ serviceCode }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></AmountInfoSection>
+              <div className="txn-divider minus"></div>
+              <ImportantInfoSection
+                transactionCategory={ TransactionCategory.Escrow }
+                importantInfo={ importantInfo }
+              ></ImportantInfoSection>
+              <div className="txn-divider minus"></div>
+              <EscrowInfoSection
+                escrowInfo={ escrowInfo }
+                isOpen={ showEscroInfo }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></EscrowInfoSection>
+              <div className="txn-divider minus"></div>
+              <PaymentInfoSection
+                transactionCategory={ TransactionCategory.Escrow }
+                paymentInfo={ paymentInfo }
+                isOpen={ showPaymentInfo }
+                serviceCode={ serviceCode }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></PaymentInfoSection>
+              <div className="txn-divider"></div>
+              <TransactionInfoSection
+                transactionCategory={ TransactionCategory.Escrow }
+                transactionInfo={ transactionInfo }
+                isOpen={ showTransactionInfo }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></TransactionInfoSection>
+              <div className="txn-divider"></div>
+              <SettlementInfoSection
+                transactionCategory={ TransactionCategory.Escrow }
+                settlementInfo={ settlementInfo }
+                isOpen={ showSettlementInfo }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></SettlementInfoSection>
+              <div className="txn-divider"></div>
+              <MerchantInfoSection
+                merchantInfo={ merchantInfo }
+                isOpen={ showMerchantInfo }
+                onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+              ></MerchantInfoSection>
             </div>
           </div>
         </div>