fix: 일정 렌더링 시 init 안되는 것 수정

Author: jane1107

src/components/common/Calendar.tsx

@@ -38,6 +38,7 @@ export default function Calendar({ db_events, onDeleteClicked }: CalendarProps)
 
   const handleDateSelection = (dateClickInfo: { dateStr: string }) => {
     console.log(dateClickInfo);
+    console.log(db_events);
     const clickedDateStr = dateClickInfo.dateStr;
     setSelectedDate(clickedDateStr);
     setSelectedEvents(

src/pages/MyCalendarPage.tsx

@@ -13,23 +13,25 @@ interface DialogElement {
 }
 
 const MyCalendarPage: React.FC = () => {
-  const { db_events, addDBEvents } = useEventState();
+  const { db_events, addDBEvents, initDBEvents } = useEventState();
 
-  console.log('dv_events : ', db_events);
+  console.log('db_events : ', db_events);
 
   useEffect(() => {
     getPersonalSchedule().then((schedule) => {
+      initDBEvents();
       schedule.map((x) => {
         addDBEvents({ ...x });
       });
     });
-  }, [addDBEvents]);
+  }, [addDBEvents, initDBEvents]);
 
   const onDeleteClicked = (id: number) => {
     console.log('delete : ', id);
     deletePersonalSchedule(id)
       .then((val) => {
         console.log('delete done!', val);
+        location.href = '/';
       })
       .catch((err) => {
         console.log(err);

src/stores/myEventsStore.ts

@@ -4,9 +4,11 @@ import { DB_Events } from '../utils/index.ts';
 interface EventsState {
   db_events: DB_Events[];
   addDBEvents: (db_event: DB_Events) => void;
+  initDBEvents: () => void;
 }
 
 export const useEventState = create<EventsState>()((set) => ({
   db_events: [],
   addDBEvents: (newEvent: DB_Events) => set((state) => ({ db_events: [...state.db_events, newEvent] })),
+  initDBEvents: () => set(() => ({ db_events: [] })),
 }));