[#77] added complex ui for repetition, fixed broken tests due to new feature

src/features/Calendars/CalendarSlice.ts

@@ -4,7 +4,7 @@ import { CalendarEvent } from "../Events/EventsTypes";
 import { getCalendar, getCalendars } from "./CalendarApi";
 import { getOpenPaasUser, getUserDetails } from "../User/userAPI";
 import { parseCalendarEvent } from "../Events/eventUtils";
-import { deleteEvent, moveEvent, putEvent } from "../Events/EventApi";
+import { deleteEvent, getEvent, moveEvent, putEvent } from "../Events/EventApi";
 import { formatDateToYYYYMMDDTHHMMSS } from "../../utils/dateUtils";
 
 export const getCalendarsListAsync = createAsyncThunk<
@@ -92,6 +92,18 @@ export const putEventAsync = createAsyncThunk<
     events,
   };
 });
+
+export const getEventAsync = createAsyncThunk<
+  { calId: string; event: CalendarEvent }, // Return type
+  CalendarEvent // Arg type
+>("calendars/getEvent", async (event) => {
+  const response: CalendarEvent = await getEvent(event);
+  return {
+    calId: event.calId,
+    event: response,
+  };
+});
+
 export const moveEventAsync = createAsyncThunk<
   { calId: string; events: CalendarEvent[] }, // Return type
   { cal: Calendars; newEvent: CalendarEvent; newURL: string } // Arg type
@@ -233,6 +245,24 @@ const CalendarSlice = createSlice({
           });
         }
       )
+      .addCase(
+        getEventAsync.fulfilled,
+        (
+          state,
+          action: PayloadAction<{ calId: string; event: CalendarEvent }>
+        ) => {
+          state.pending = false;
+          if (!state.list[action.payload.calId]) {
+            state.list[action.payload.calId] = {
+              id: action.payload.calId,
+              events: {},
+            } as Calendars;
+          }
+
+          state.list[action.payload.calId].events[action.payload.event.uid] =
+            action.payload.event;
+        }
+      )
       .addCase(
         moveEventAsync.fulfilled,
         (
@@ -266,6 +296,9 @@ const CalendarSlice = createSlice({
       .addCase(getCalendarDetailAsync.pending, (state) => {
         state.pending = true;
       })
+      .addCase(getEventAsync.pending, (state) => {
+        state.pending = true;
+      })
       .addCase(getCalendarsListAsync.pending, (state) => {
         state.pending = true;
       })