sort 및 페이징

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

@@ -106,19 +106,15 @@ export const SettlementInfoSection = ({
         >
           정산 정보 <SectionTitleArrow isOpen={ isOpen }></SectionTitleArrow>
         </div>
-        { (transactionCategory === TransactionCategory.AllTransaction) &&
-          <SlideDown className={'my-dropdown-slidedown'}>
-          { !!isOpen &&
-            <ul className="kv-list">
-            { subLi() }
-            </ul>
+        
+        <SlideDown className={'my-dropdown-slidedown'}>
+        { !!isOpen &&
+          <ul className="kv-list">
+          { (transactionCategory === TransactionCategory.AllTransaction) && 
+            subLi()
           }
-          </SlideDown>
-        }
-        { (transactionCategory === TransactionCategory.Escrow) && 
-          <SlideDown className={'my-dropdown-slidedown'}>
-          { !!isOpen &&
-            <ul className="kv-list">
+          { (transactionCategory === TransactionCategory.Escrow) && 
+            <>
               <li className="kv-row">
                 <span className="k">·&nbsp;&nbsp;승인정산일</span>
                 <span className="v">{ moment(settlementInfo?.approvalSettlementDate).format('YYYY.MM.DD') }</span>
@@ -149,10 +145,11 @@ export const SettlementInfoSection = ({
                   ></NumericFormat>
                 </span>
               </li>
-            </ul>
+            </>
           }
-          </SlideDown>
+          </ul>
         }
+        </SlideDown>
       </div>
     </>
   )