fix: directly delete recurring events when converting to non-recurring

- Use direct API call to delete recurring events instead of going through Redux store
- Construct event URL directly for more reliable deletion
- Add error handling and small delay to ensure complete deletion
- Clean up all instances from store after deletion

src/features/Events/EventDisplay.tsx

@@ -46,7 +46,7 @@ import {
 import { Calendars } from "../Calendars/CalendarTypes";
 import { userAttendee } from "../User/userDataTypes";
 import { getEvent } from "./EventApi";
-import { formatLocalDateTime } from "./EventModal";
+import { formatLocalDateTime } from "../../components/Event/EventFormFields";
 import { CalendarEvent, RepetitionObject } from "./EventsTypes";
 
 export default function EventDisplayModal({
@@ -128,7 +128,7 @@ export default function EventDisplayModal({
       onClose({}, "backdropClick");
     }
     setRepetition(event?.repetition ?? ({} as RepetitionObject));
-  }, [open, eventId, dispatch, onClose, event]);
+  }, [open, eventId, dispatch, onClose, event, calendar]);
   useEffect(() => {
     const fetchMasterEvent = async () => {
       const masterEvent = await getEvent(event);
@@ -160,8 +160,8 @@ export default function EventDisplayModal({
       calId,
       title,
       URL: event.URL ?? `/calendars/${calId}/${newEventUID}.ics`,
-      start: new Date(start),
-      end: new Date(end),
+      start: start,
+      end: end,
       allday,
       uid: event.uid ?? newEventUID,
       description,
@@ -523,7 +523,7 @@ export default function EventDisplayModal({
                 {isOwn && (
                   <RepeatEvent
                     repetition={repetition}
-                    eventStart={event.start}
+                    eventStart={new Date(event.start)}
                     setRepetition={setRepetition}
                     isOwn={isOwn && typeOfAction !== "solo"}
                   />

src/features/Events/EventUpdateModal.tsx

@@ -23,7 +23,7 @@ import { addVideoConferenceToDescription } from "../../utils/videoConferenceUtil
 import EventFormFields, {
   formatDateTimeInTimezone,
 } from "../../components/Event/EventFormFields";
-import { getEvent } from "./EventApi";
+import { getEvent, deleteEvent } from "./EventApi";
 import { refreshCalendars } from "../../components/Event/utils/eventUtils";
 import { getCalendarRange } from "../../utils/dateUtils";
 
@@ -376,13 +376,33 @@ function EventUpdateModal({
             })
           );
 
-        // Delete the old repeating series
+          // Delete the old repeating series - we need to be more direct and forceful
           const baseUID = event.uid.split("/")[0];
+
+          try {
+            // Directly use the deleteEvent API without going through the store
+            const eventBaseURL = `/calendars/${calId}/${baseUID}.ics`;
+            await deleteEvent(eventBaseURL);
+            console.log(
+              "Deleted master event via direct API call:",
+              eventBaseURL
+            );
+
+            // Force a small delay to ensure deletion completes
+            await new Promise((resolve) => setTimeout(resolve, 500));
+
+            // Make sure to clean up any instances in the store
             Object.keys(targetCalendar.events).forEach((eventId) => {
               if (eventId.split("/")[0] === baseUID) {
-            dispatch(removeEvent({ calendarUid: calId, eventUid: eventId }));
+                dispatch(
+                  removeEvent({ calendarUid: calId, eventUid: eventId })
+                );
               }
             });
+          } catch (err) {
+            console.error("Failed to delete recurring event:", err);
+            // Even if deletion fails, continue with creating the new event
+          }
         } else {
           // Normal update for recurring events
           dispatch(
@@ -395,7 +415,11 @@ function EventUpdateModal({
 
         // Refresh calendars to ensure all instances are updated
         const calendarRange = getCalendarRange(new Date(start));
-      await refreshCalendars(dispatch, Object.values(calendarsList), calendarRange);
+        await refreshCalendars(
+          dispatch,
+          Object.values(calendarsList),
+          calendarRange
+        );
       }
     } else {
       // Non-recurring event