refactor: 이전 달력/다음 달력에 대한 값을 변수로 저장하여 대입하는 방식으로 변경

woowacourse-teams · Dec 26, 2023 · b1479c6 · b1479c6
1 parent 2471116
commit b1479c6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/frontend/src/components/my_calendar/MyCalendar/MyCalendar.tsx b/frontend/src/components/my_calendar/MyCalendar/MyCalendar.tsx
@@ -32,20 +32,19 @@ const MyCalendar = (props: MyCalendarProps) => {
 
   const { teamPlaces } = useTeamPlace();
 
+  const prevCalendarYear = month === 0 ? year - 1 : year;
+  const prevCalendarMonth = month === 0 ? 11 : month - 1;
+  const nextCalendarYear = month === 11 ? year + 1 : year;
+  const nextCalendarMonth = month === 11 ? 0 : month + 1;
+
   const schedules = useFetchMySchedules(
     generateCalendarRangeByYearMonth(year, month),
   );
   usePrefetchMySchedules(
-    generateCalendarRangeByYearMonth(
-      month === 0 ? year - 1 : year,
-      month === 0 ? 11 : month - 1,
-    ),
+    generateCalendarRangeByYearMonth(prevCalendarYear, prevCalendarMonth),
   );
   usePrefetchMySchedules(
-    generateCalendarRangeByYearMonth(
-      month === 11 ? year + 1 : year,
-      month === 11 ? 0 : month + 1,
-    ),
+    generateCalendarRangeByYearMonth(nextCalendarYear, nextCalendarMonth),
   );
 
   const scheduleCircles = generateScheduleCirclesMatrix(year, month, schedules);

diff --git a/frontend/src/components/team_calendar/TeamCalendar/TeamCalendar.tsx b/frontend/src/components/team_calendar/TeamCalendar/TeamCalendar.tsx
@@ -61,23 +61,22 @@ const TeamCalendar = (props: TeamCalendarProps) => {
     handlers: { handleScheduleModalOpen },
   } = useScheduleModal();
 
+  const prevCalendarYear = month === 0 ? year - 1 : year;
+  const prevCalendarMonth = month === 0 ? 11 : month - 1;
+  const nextCalendarYear = month === 11 ? year + 1 : year;
+  const nextCalendarMonth = month === 11 ? 0 : month + 1;
+
   const schedules = useFetchSchedules(
     teamPlaceId,
     generateCalendarRangeByYearMonth(year, month),
   );
   usePrefetchSchedules(
     teamPlaceId,
-    generateCalendarRangeByYearMonth(
-      month === 0 ? year - 1 : year,
-      month === 0 ? 11 : month - 1,
-    ),
+    generateCalendarRangeByYearMonth(prevCalendarYear, prevCalendarMonth),
   );
   usePrefetchSchedules(
     teamPlaceId,
-    generateCalendarRangeByYearMonth(
-      month === 11 ? year + 1 : year,
-      month === 11 ? 0 : month + 1,
-    ),
+    generateCalendarRangeByYearMonth(nextCalendarYear, nextCalendarMonth),
   );
 
   const [clickedDate, setClickedDate] = useState(currentDate);