diff --git a/src/entities/settlement/ui/calandar-wrap.tsx b/src/entities/settlement/ui/calandar-wrap.tsx index b71591d..acee232 100644 --- a/src/entities/settlement/ui/calandar-wrap.tsx +++ b/src/entities/settlement/ui/calandar-wrap.tsx @@ -29,9 +29,12 @@ export const CalendarWrap = () => { const [lastMonth, setLastMonth] = useState(false); + const [onActionCalendar, setOnActionCalendar] = useState(true); + const { mutateAsync: settlementsCalendar } = useSettlementsCalendarMutation(); const callCalendar = () => { + let params: SettlementsCalendarParams = { mid: mid, yearMonth: yearMonth @@ -72,20 +75,37 @@ export const CalendarWrap = () => { else{ setLastMonth(true); } + setOnActionCalendar(true); }); }; + const initialList = () => { + // API 응답시간 문제로 초기화 한다 + setScheduledList([]); + setCompletedList([]); + setScheduledDateList([]); + setCompletedDateList([]); + setOnActionCalendar(false); + }; + const onClickToMoveMonthPrev = () => { - let newYearMonth = moment(yearMonth).subtract(1, 'month').format('YYYYMM'); - setYearMonth(newYearMonth); + if(onActionCalendar){ + let newYearMonth = moment(yearMonth).subtract(1, 'month').format('YYYYMM'); + setYearMonth(newYearMonth); + setYearMonth(newYearMonth); + initialList(); + } }; const onClickToMoveMonthNext = () => { - let maxYearMonth = moment().format('YYYYMM'); - let maxYearMonthValue = moment(maxYearMonth).format('YYYYMM'); - let newYearMonth = moment(yearMonth).add(1, 'month').format('YYYYMM'); - let newYearMonthValue = moment(newYearMonth).format('YYYYMM'); - if(parseInt(newYearMonthValue) <= parseInt(maxYearMonthValue)){ - setYearMonth(newYearMonth); + if(onActionCalendar){ + let maxYearMonth = moment().format('YYYYMM'); + let maxYearMonthValue = moment(maxYearMonth).format('YYYYMM'); + let newYearMonth = moment(yearMonth).add(1, 'month').format('YYYYMM'); + let newYearMonthValue = moment(newYearMonth).format('YYYYMM'); + if(parseInt(newYearMonthValue) <= parseInt(maxYearMonthValue)){ + setYearMonth(newYearMonth); + initialList(); + } } }; @@ -116,7 +136,7 @@ export const CalendarWrap = () => {
{ moment(yearMonth).format('YYYY년 MM월') }