From 3c046c90d758db99d1f08cf8a0d3b6fea233a608 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 18 Dec 2024 16:36:22 +0100
Subject: [PATCH] fixing calendar issues

---
 src/component/calendar/Calendar.jsx      | 10 +++++-----
 src/component/calendar/EventCalendar.jsx | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/component/calendar/Calendar.jsx b/src/component/calendar/Calendar.jsx
index 34ef007..cd44064 100644
--- a/src/component/calendar/Calendar.jsx
+++ b/src/component/calendar/Calendar.jsx
@@ -9,10 +9,10 @@ export default function Calendar(){
     const handleDragStart = useCallback((event) => setDraggedEvent(event), [])
 
     const dummyEvents = [
-        {id: '1', title: 'Family Vacation', color: 'fc-event-primary', start: new Date('2024-12-18'), end: new Date('2024-12-18'), allDay: false,resource: ''},
-        {id: '2', title: 'Meeting In Office', color: 'fc-event-warning', start: new Date('2024-12-19'), end: new Date('2024-12-19'), allDay: false,resource: ''},
-        {id: '3', title: 'Client Call', color: 'fc-event-danger', start: new Date('2024-12-20'), end: new Date('2024-12-20'), allDay: false,resource: ''},
-        {id: '4', title: 'Interview', color: 'fc-event-success', start: new Date('2024-12-21'), end: new Date('2024-12-21'), allDay: false,resource: ''}
+        {id: '1', title: 'Family Vacation', color: 'fc-event-primary', start: new Date('2024-12-18'), end: new Date('2024-12-18'), isAllDay: false, resource: ''},
+        {id: '2', title: 'Meeting In Office', color: 'fc-event-warning', start: new Date('2024-12-19'), end: new Date('2024-12-19'), isAllDay: false, resource: ''},
+        {id: '3', title: 'Client Call', color: 'fc-event-danger', start: new Date('2024-12-20'), end: new Date('2024-12-20'), isAllDay: false, resource: ''},
+        {id: '4', title: 'Interview', color: 'fc-event-success', start: new Date('2024-12-21'), end: new Date('2024-12-21'), isAllDay: false, resource: ''}
     ]
 
     return(
@@ -38,7 +38,7 @@ export default function Calendar(){
                                         </p>
                                         {dummyEvents.map((item, index) => (
                                             <div key={index} className={`fc-event ${item.color}`} data-color={`${item.color}`} 
-                                                // draggable="true"
+                                                draggable="true"
                                                 onDragStart={() =>
                                                 handleDragStart({...item})
                                                 }
diff --git a/src/component/calendar/EventCalendar.jsx b/src/component/calendar/EventCalendar.jsx
index 46d7af7..3c6fc91 100644
--- a/src/component/calendar/EventCalendar.jsx
+++ b/src/component/calendar/EventCalendar.jsx
@@ -23,7 +23,7 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
 
     const moveEvent = useCallback(
       ({ event, start, end, isAllDay: droppedOnAllDaySlot = false }) => {
-        // const { allDay } = event
+        const { isAllDay } = event
 
         // if (!allDay && droppedOnAllDaySlot) {
         //   event.allDay = true
@@ -33,10 +33,10 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
         // }
   
         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, start, end, allDay: event.allDay }]
+          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]