calendar fixing

src/component/calendar/EventCalendar.jsx

@@ -11,25 +11,32 @@ const localizer = dayjsLocalizer(dayjs)
 const DnDCalendar = withDragAndDrop(Calendar)
 
 export default function EventCalendar({draggedEvent, setDraggedEvent}) {
-    const myEventsList = []
+    const myEventsList = [
+      {
+        title: 'title',
+        start: new Date('2024-12-18'),
+        end: new Date('2024-12-18'),
+        isAllDay: false,
+      }
+    ]
     const [myEvents, setMyEvents] = useState(myEventsList)
 
     const moveEvent = useCallback(
       ({ event, start, end, isAllDay: droppedOnAllDaySlot = false }) => {
-        // console.log('yes')
+        // const { allDay } = event
-        const { allDay } = event
+
-        if (!allDay && droppedOnAllDaySlot) {
+        // if (!allDay && droppedOnAllDaySlot) {
-          event.allDay = true
+        //   event.allDay = true
-        }
+        // }
-        if (allDay && !droppedOnAllDaySlot) {
+        // if (allDay && !droppedOnAllDaySlot) {
-            event.allDay = false;
+        //     event.allDay = false;
-        }
+        // }
   
         setMyEvents((prev) => {
-          const existing = prev.find((ev) => ev.id === event.id) ?? {}
+          // const existing = prev.find((ev) => ev.id === event.id) ?? {}
-          const filtered = prev.filter((ev) => ev.id !== event.id)
+          // const filtered = prev.filter((ev) => ev.id !== event.id)
-          return [...filtered, { ...existing, start, end, allDay: event.allDay }]
+          // return [...filtered, { ...existing, start, end, allDay: event.allDay }]
-          // return [...prev, { ...event }]
+          return [...prev, { ...event, start, end, allDay: event.allDay }]
         })
       },
       [setMyEvents]