정산달력

src/entities/settlement/ui/calendar-grid.tsx

@@ -4,37 +4,16 @@ import { useEffect, useState } from 'react';
 
 export interface CalendarGridProps {
   yearMonth: string;
-  scheduledList: Array<SettlementDays | undefined>;
-  completedList: Array<SettlementDays | undefined>;
+  scheduledDateList: Array<number>;
+  completedDateList: Array<number>;
 };
 
 export const CalendarGrid = ({
   yearMonth,
-  scheduledList,
-  completedList,
+  scheduledDateList,
+  completedDateList
 }: CalendarGridProps) => {
-
-  const [scheduledDateList, setScheduledDateList] = useState<Array<number>>();
-  const [completedDateList, setCompletedDateList] = useState<Array<number>>();
-  const [assembled, setAssembled] = useState<boolean>(false);
-
-  const assembleDate = () => {
-    let rsScheduledDate = [];
-    let rsCompletedList = [];
-    for(let i=0;i<scheduledList.length;i++){
-      let date = moment(scheduledList[i]?.settlementDate).date();
-      rsScheduledDate.push(date);
-    }
-    for(let i=0;i<completedList.length;i++){
-      let date = moment(completedList[i]?.settlementDate).date();
-      rsCompletedList.push(date);
-    }
-    setScheduledDateList(rsScheduledDate);
-    setCompletedDateList(rsCompletedList);
-    
-    setAssembled(true);
-  };
-
+  
   const makeCalendarDate = () => {
     let startDay = moment(yearMonth).startOf('month').day();
     let lastDate = moment(yearMonth).endOf('month').date();
@@ -90,10 +69,6 @@ export const CalendarGrid = ({
     return rs;
   }
 
-  useEffect(() => {
-    assembleDate();
-  }, [yearMonth])
-
   return (
     <>
       <div className="calendar-grid">
@@ -107,7 +82,7 @@ export const CalendarGrid = ({
           <div className="weekday sat">토</div>
         </div>
         <div className="days">
-        { !!assembled && makeCalendarDate() }
+        {  makeCalendarDate() }
         </div>
       </div>
     </>