mid 관련 수정

src/entities/settlement/ui/calandar-wrap.tsx

@@ -1,5 +1,5 @@
 import moment from 'moment';
-import { useEffect, useState } from 'react';
+import { ChangeEvent, useEffect, useState } from 'react';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { useSettlementsCalendarMutation } from '../api/use-settlements-calendar-mutation';
 import { CalendarAmountRow } from './calandar-amount-row';
@@ -31,9 +31,9 @@ export const CalendarWrap = () => {
 
   const { mutateAsync: settlementsCalendar } = useSettlementsCalendarMutation();
 
-  const callCalendar = (selectedMid: string) => {
+  const callCalendar = () => {
     let params: SettlementsCalendarParams = {
-      mid: selectedMid,
+      mid: mid,
       yearMonth: yearMonth
     };
     settlementsCalendar(params).then((rs: SettlementsCalendarResponse) => {
@@ -88,25 +88,26 @@ export const CalendarWrap = () => {
       setYearMonth(newYearMonth);
     }
   };
-
-  const onChangeMid = (value: string) => {
-    callCalendar(value);
-  };
   
   useEffect(() => {
-    callCalendar(userMid);
-  }, [yearMonth]);
+    if(!!mid){
+      callCalendar();
+    }
+  }, [yearMonth, mid]);
+
   return (
     <>
       <div className="calendar-wrap pt-30">
         <div className="input-wrapper top-select">
-          <select onChange={ (e) => onChangeMid(e.target.value) }>
+          <select 
+            value={ mid }
+            onChange={ (e: ChangeEvent<HTMLSelectElement>) => setMid(e.target.value) }
+          >
           { 
             midOptions.map((value, index) => (
               <option
                 key={ value.value }
                 value={ value.value }
-                selected={ (userMid === value.value)? true: false }
               >{ value.name }</option>
             )) 
           }

src/entities/settlement/ui/list-wrap.tsx

@@ -109,12 +109,12 @@ export const ListWrap = ({
       setSettlementDateListItems(rs.content);
     });
     settlementsHistorySummary(listSummaryParams).then((rs: SettlementsHistorySummaryResponse) => {
-      setSettlementAmount(rs.settlementAmount);
-      setTransactionAmount(rs.transactionAmount);
-      setPgFeeAmount(rs.pgFeeAmount);
-      setHoldAmount(rs.holdAmount);
-      setReleaseAmount(rs.releaseAmount);
-      setOffsetAmount(rs.offsetAmount);
+      setSettlementAmount(rs.settlementAmount || 0);
+      setTransactionAmount(rs.transactionAmount || 0);
+      setPgFeeAmount(rs.pgFeeAmount || 0);
+      setHoldAmount(rs.holdAmount || 0);
+      setReleaseAmount(rs.releaseAmount || 0);
+      setOffsetAmount(rs.offsetAmount || 0);
     });
   };
   const callTransactionList = (option?: {
@@ -137,7 +137,7 @@ export const ListWrap = ({
       }
     };
     if(params.page){
-			params.page.sortType = (option?.sortType)? option.sortType: sortType;
+			params.page.sortType = option?.sortType || sortType;
     	setPageParam(params.page);
 		}
 
@@ -195,9 +195,6 @@ export const ListWrap = ({
     let date = '';
     let list: Array<SettlementsHistoryContent> = [];
     
-    if(settlementDateListItems){
-      
-    }
     for(let i=0;i<settlementDateListItems.length;i++){
       let listItem = settlementDateListItems[i];
       if(!!listItem){
@@ -306,7 +303,7 @@ export const ListWrap = ({
             <input 
               className="credit-period" 
               type="text" 
-              value={`${startDate} ~ ${endDate}`} 
+              value={ moment(startDate).format('YYYY.MM.DD') + '-' + moment(endDate).format('YYYY.MM.DD') } 
               readOnly={ true }
             />
             <button className="filter-btn">