[#239] refresh is triggered only on save (#329)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Calendar/handlers/eventHandlers.ts

@@ -86,33 +86,35 @@ export const createEventHandlers = (props: EventHandlersProps) => {
     setAnchorEl(document.body);
   };
 
-  const handleClosePopover = () => {
+  const handleClosePopover = (refresh?: boolean) => {
     calendarRef.current?.unselect();
     setAnchorEl(null);
     setSelectedRange(null);
-    selectedCalendars.forEach((calId) =>
-      dispatch(
-        getCalendarDetailAsync({
-          calId,
-          match: {
-            start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
-            end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
-          },
-        })
-      )
-    );
-    Object.keys(tempcalendars).forEach((calId) =>
-      dispatch(
-        getCalendarDetailAsync({
-          calId,
-          match: {
-            start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
-            end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
-          },
-          calType: "temp",
-        })
-      )
-    );
+    if (refresh) {
+      selectedCalendars.forEach((calId) =>
+        dispatch(
+          getCalendarDetailAsync({
+            calId,
+            match: {
+              start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
+              end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
+            },
+          })
+        )
+      );
+      Object.keys(tempcalendars).forEach((calId) =>
+        dispatch(
+          getCalendarDetailAsync({
+            calId,
+            match: {
+              start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
+              end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
+            },
+            calType: "temp",
+          })
+        )
+      );
+    }
   };
 
   const handleCloseEventDisplay = () => {

src/features/Events/EventModal.tsx

@@ -42,7 +42,7 @@ function EventPopover({
 }: {
   anchorEl: HTMLElement | null;
   open: boolean;
-  onClose: (event: {}, reason: "backdropClick" | "escapeKeyDown") => void;
+  onClose: (refresh?: boolean) => void;
   selectedRange: DateSelectArg | null;
   setSelectedRange: Function;
   calendarRef: React.RefObject<CalendarApi | null>;
@@ -564,7 +564,7 @@ function EventPopover({
   );
 
   const handleClose = () => {
-    onClose({}, "backdropClick");
+    onClose(false);
     setShowValidationErrors(false);
     resetAllStateToDefault();
     setStart("");
@@ -656,7 +656,7 @@ function EventPopover({
     setShowValidationErrors(false);
 
     // Close popup immediately
-    onClose({}, "backdropClick");
+    onClose(true);
 
     // Reset all state to default values
     resetAllStateToDefault();