From 60b827ffc561a25e791e4c9957c0220a381509c4 Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Wed, 18 Dec 2024 16:24:51 +0100 Subject: [PATCH] calendar fixing --- src/component/calendar/EventCalendar.jsx | 33 ++++++++++++++---------- 1 file changed, 20 insertions(+), 13 deletions(-) diff --git a/src/component/calendar/EventCalendar.jsx b/src/component/calendar/EventCalendar.jsx index 74933cb..46d7af7 100644 --- a/src/component/calendar/EventCalendar.jsx +++ b/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 - if (!allDay && droppedOnAllDaySlot) { - event.allDay = true - } - if (allDay && !droppedOnAllDaySlot) { - event.allDay = false; - } + // const { allDay } = event + + // if (!allDay && droppedOnAllDaySlot) { + // event.allDay = true + // } + // if (allDay && !droppedOnAllDaySlot) { + // event.allDay = false; + // } setMyEvents((prev) => { - const existing = prev.find((ev) => ev.id === event.id) ?? {} - const filtered = prev.filter((ev) => ev.id !== event.id) - return [...filtered, { ...existing, start, end, allDay: event.allDay }] - // return [...prev, { ...event }] + // const existing = prev.find((ev) => ev.id === event.id) ?? {} + // const filtered = prev.filter((ev) => ev.id !== event.id) + // return [...filtered, { ...existing, start, end, allDay: event.allDay }] + return [...prev, { ...event, start, end, allDay: event.allDay }] }) }, [setMyEvents]