calendar fixing contd

src/component/calendar/EventCalendar.jsx

@@ -6,7 +6,7 @@ import timeGridPlugin from '@fullcalendar/timegrid';
 import interactionPlugin from '@fullcalendar/interaction';
 import { INITIAL_EVENTS, createEventId } from './event-utils';
 
-export default function EventCalendar({draggedEvent, setDraggedEvent}) {
+export default function EventCalendar({draggedEvent, setDraggedEvent, removeAfterDrop, setDummyEvents}) {
   const [weekendsVisible, setWeekendsVisible] = useState(true);
   const [currentEvents, setCurrentEvents] = useState(INITIAL_EVENTS);
 
@@ -51,14 +51,16 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
                 ...event
             }
             setCurrentEvents(prev => ([...prev, newEvent]))
+            if(removeAfterDrop){
+              setDummyEvents(prev => prev.filter(item => item.title != newEvent.title))
+            }
         }
   }
 
   const removeEvent = (event) => {
-    // let eventToRemove = event?.event?._def?.title
-    // let remainingEvent = currentEvents.filter(item => item.title != eventToRemove)
-    // setCurrentEvents(remainingEvent)
-    console.log('Event', event, currentEvents)
+    let eventToRemove = event?.event?._def?.publicId
+    let remainingEvent = currentEvents.filter(item => item.id != eventToRemove)
+    setCurrentEvents(remainingEvent)
   }
 
 
@@ -94,7 +96,7 @@ export default function EventCalendar({draggedEvent, setDraggedEvent}) {
           weekends={weekendsVisible}
         //   initialEvents={INITIAL_EVENTS} // alternatively, use the `events` setting to fetch from a feed
           events={currentEvents}
-          // select={handleDateSelect}
+          select={handleDateSelect}
           eventContent={renderEventContent} // custom render function
           eventClick={handleEventClick}
           eventsSet={handleEvents} // called after events are initialized/added/changed/removed