[#168] changed temp calendar reload to reload only thoses that are impacted

src/components/Calendar/handlers/eventHandlers.ts

@@ -13,6 +13,7 @@ import {
 import { formatDateToYYYYMMDDTHHMMSS } from "../../../utils/dateUtils";
 import { getEvent } from "../../../features/Events/EventApi";
 import { refreshCalendars } from "../../Event/utils/eventUtils";
+import { updateTempCalendar } from "../utils/calendarUtils";
 
 export interface EventHandlersProps {
   setSelectedRange: (range: DateSelectArg | null) => void;
@@ -159,14 +160,12 @@ export const createEventHandlers = (props: EventHandlersProps) => {
               Object.values(calendars),
               calendarRange
             );
-            if (tempcalendars) {
-              await refreshCalendars(
-                dispatch,
-                Object.values(tempcalendars),
-                calendarRange,
-                "temp"
-              );
-            }
+            await updateTempCalendar(
+              tempcalendars,
+              event,
+              dispatch,
+              calendarRange
+            );
           }
         }
       );
@@ -176,14 +175,7 @@ export const createEventHandlers = (props: EventHandlersProps) => {
         putEventAsync({ cal: calendars[newEvent.calId], newEvent })
       );
     }
-    if (tempcalendars) {
-      await refreshCalendars(
-        dispatch,
-        Object.values(tempcalendars),
-        calendarRange,
-        "temp"
-      );
-    }
+    await updateTempCalendar(tempcalendars, event, dispatch, calendarRange);
   };
 
   const handleEventResize = async (arg: any) => {
@@ -243,14 +235,12 @@ export const createEventHandlers = (props: EventHandlersProps) => {
               Object.values(calendars),
               calendarRange
             );
-            if (tempcalendars) {
-              await refreshCalendars(
-                dispatch,
-                Object.values(tempcalendars),
-                calendarRange,
-                "temp"
-              );
-            }
+            await updateTempCalendar(
+              tempcalendars,
+              event,
+              dispatch,
+              calendarRange
+            );
           }
         }
       );
@@ -259,14 +249,7 @@ export const createEventHandlers = (props: EventHandlersProps) => {
         putEventAsync({ cal: calendars[newEvent.calId], newEvent })
       );
     }
-    if (tempcalendars) {
-      await refreshCalendars(
-        dispatch,
-        Object.values(tempcalendars),
-        calendarRange,
-        "temp"
-      );
-    }
+    await updateTempCalendar(tempcalendars, event, dispatch, calendarRange);
   };
 
   return {

src/components/Calendar/utils/calendarUtils.ts

@@ -4,6 +4,8 @@ import { formatDateToYYYYMMDDTHHMMSS } from "../../../utils/dateUtils";
 import { getCalendarDetailAsync } from "../../../features/Calendars/CalendarSlice";
 import { SlotLabelContentArg } from "@fullcalendar/core";
 import moment from "moment-timezone";
+import { refreshSingularCalendar } from "../../Event/utils/eventUtils";
+import { ThunkDispatch } from "@reduxjs/toolkit";
 
 export const updateSlotLabelVisibility = (
   currentTime: Date,
@@ -154,3 +156,35 @@ export function getCalendarVisibility(acl: AclEntry[]): "private" | "public" {
   if (hasRead) return "public";
   return "private";
 }
+
+export async function updateTempCalendar(
+  tempcalendars: Record<string, Calendars>,
+  event: CalendarEvent,
+  dispatch: ThunkDispatch<any, any, any>,
+  calendarRange: { start: Date; end: Date }
+) {
+  if (tempcalendars && event?.attendee) {
+    const attendeesEmails = event.attendee
+      .map((a) => a.cal_address)
+      .filter(Boolean);
+
+    const tempCalendarValues = Object.values(tempcalendars);
+
+    for (const tempCalendar of tempCalendarValues) {
+      const ownerEmails = tempCalendar.ownerEmails || [];
+
+      // Check if any of the attendees are owners of this temp calendar
+      const isOwnerAttendee = ownerEmails.some((ownerEmail) =>
+        attendeesEmails.includes(ownerEmail)
+      );
+      if (isOwnerAttendee) {
+        await refreshSingularCalendar(
+          dispatch,
+          tempCalendar,
+          calendarRange,
+          "temp"
+        );
+      }
+    }
+  }
+}

src/components/Event/utils/eventUtils.tsx

@@ -6,7 +6,7 @@ import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import { ThunkDispatch } from "@reduxjs/toolkit";
 import {
-  emptyTempCal,
+  emptyEventsCal,
   getCalendarDetailAsync,
   getCalendarsListAsync,
 } from "../../../features/Calendars/CalendarSlice";
@@ -119,7 +119,7 @@ export async function refreshCalendars(
   calType?: "temp"
 ) {
   !calType && (await dispatch(getCalendarsListAsync()));
-  calType && dispatch(emptyTempCal());
+  calType && dispatch(emptyEventsCal({ calType }));
 
   calendars.map(
     async (cal) =>
@@ -135,3 +135,23 @@ export async function refreshCalendars(
       )
   );
 }
+
+export async function refreshSingularCalendar(
+  dispatch: ThunkDispatch<any, any, any>,
+  calendar: Calendars,
+  calendarRange: { start: Date; end: Date },
+  calType?: "temp"
+) {
+  dispatch(emptyEventsCal({ calId: calendar.id, calType }));
+
+  await dispatch(
+    getCalendarDetailAsync({
+      calId: calendar.id,
+      match: {
+        start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
+        end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
+      },
+      calType,
+    })
+  );
+}