mid 셋팅및 코드 정리

src/pages/transaction/escrow/detail-page.tsx

@@ -3,11 +3,11 @@ import { useLocation } from 'react-router';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { useEscrowDetailMutation } from '@/entities/transaction/api/use-escrow-detail-mutation';
-import { ImportantInfoWrap } from '@/entities/transaction/ui/info-wrap/important-info-wrap';
-import { EscrowInfoWrap } from '@/entities/transaction/ui/info-wrap/escrow-info-wrap';
-import { PaymentInfoWrap } from '@/entities/transaction/ui/info-wrap/payment-info-wrap';
-import { TransactionInfoWrap } from '@/entities/transaction/ui/info-wrap/transaction-info-wrap';
-import { SettlementInfoWrap } from '@/entities/transaction/ui/info-wrap/settlement-info-wrap';
+import { ImportantInfoSection } from '@/entities/transaction/ui/section/important-info-section';
+import { EscrowInfoSection } from '@/entities/transaction/ui/section/escrow-info-section';
+import { PaymentInfoSection } from '@/entities/transaction/ui/section/payment-info-section';
+import { TransactionInfoSection } from '@/entities/transaction/ui/section/transaction-info-section';
+import { SettlementInfoSection } from '@/entities/transaction/ui/section/settlement-info-section';
 import { HeaderType } from '@/entities/common/model/types';
 import { 
   TransactionCategory,
@@ -18,7 +18,7 @@ import {
   PaymentInfo,
   TransactionInfo,
   SettlementInfo,
-  InfoWrapKeys
+  InfoSectionKeys
 } from '@/entities/transaction/model/types';
 import {
   useSetOnBack, 
@@ -93,23 +93,23 @@ export const EscrowDetailPage = () => {
     });
   };
   
-  const onClickToOpenInfo = (infoWrapKey: InfoWrapKeys) => {
-    if(infoWrapKey === InfoWrapKeys.Amount){
+  const onClickToOpenInfo = (infoSectionKey: InfoSectionKeys) => {
+    if(infoSectionKey === InfoSectionKeys.Amount){
       setShowAmountInfo(!showAmountInfo);
     }
-    else if(infoWrapKey === InfoWrapKeys.Important){
+    else if(infoSectionKey === InfoSectionKeys.Important){
       setShowImportantInfo(!showImportantInfo);
     }
-    else if(infoWrapKey === InfoWrapKeys.Escrow){
+    else if(infoSectionKey === InfoSectionKeys.Escrow){
       setShowEscroInfo(!showEscroInfo);
     }
-    else if(infoWrapKey === InfoWrapKeys.Payment){
+    else if(infoSectionKey === InfoSectionKeys.Payment){
       setShowPaymentInfo(!showPaymentInfo);
     }
-    else if(infoWrapKey === InfoWrapKeys.Transaction){
+    else if(infoSectionKey === InfoSectionKeys.Transaction){
       setShowTransactionInfo(!showTransactionInfo);
     }
-    else if(infoWrapKey === InfoWrapKeys.Settlement){
+    else if(infoSectionKey === InfoSectionKeys.Settlement){
       setShowSettlementInfo(!showSettlementInfo);
     }
   };
@@ -121,39 +121,38 @@ export const EscrowDetailPage = () => {
           <div className="tab-pane sub active">
             <div className="option-list">
               <div className="txn-detail">
-                <ImportantInfoWrap
+                <ImportantInfoSection
                   transactionCategory={ TransactionCategory.Escrow }
                   importantInfo={ importantInfo }
-                  
-                ></ImportantInfoWrap>
+                ></ImportantInfoSection>
                 <div className="txn-divider minus"></div>
-                <EscrowInfoWrap
+                <EscrowInfoSection
                   transactionCategory={ TransactionCategory.Escrow }
                   importantInfo={ importantInfo }
                   isOpen={ showEscroInfo }
-                  onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
-                ></EscrowInfoWrap>
+                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                ></EscrowInfoSection>
                 <div className="txn-divider minus"></div>
-                <PaymentInfoWrap
+                <PaymentInfoSection
                   transactionCategory={ TransactionCategory.Escrow }
                   paymentInfo={ paymentInfo }
                   isOpen={ showPaymentInfo }
-                  onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
-                ></PaymentInfoWrap>
+                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                ></PaymentInfoSection>
                 <div className="txn-divider"></div>
-                <TransactionInfoWrap
+                <TransactionInfoSection
                   transactionCategory={ TransactionCategory.Escrow }
                   transactionInfo={ transactionInfo }
                   isOpen={ showTransactionInfo }
-                  onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
-                ></TransactionInfoWrap>
+                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                ></TransactionInfoSection>
                 <div className="txn-divider"></div>
-                <SettlementInfoWrap
+                <SettlementInfoSection
                   transactionCategory={ TransactionCategory.Escrow }
                   settlementInfo={ settlementInfo }
                   isOpen={ showSettlementInfo }
-                  onClickToOpenInfo={ (infoWrapKey) => onClickToOpenInfo(infoWrapKey) }
-                ></SettlementInfoWrap>
+                  onClickToOpenInfo={ (infoSectionKey) => onClickToOpenInfo(infoSectionKey) }
+                ></SettlementInfoSection>
                 <div className="txn-divider"></div>
               </div>
             </div>