[#34] added ky and condition to reconnect user on refresh

src/features/Calendars/CalendarApi.ts

@@ -1,37 +1,32 @@
-import { cp } from "node:fs";
+import { api } from "../../utils/apiUtils";
 
-export async function getCalendars(userId: string, opaque_token: string) {
-  const response = await fetch(
-    `${(window as any).CALENDAR_BASE_URL}/dav/calendars/${userId}.json?personal=true&sharedDelegationStatus=accepted&sharedPublicSubscription=true&withRights=true`,
-    {
-      headers: {
-        Accept: "application/calendar+json",
-        Authorization: `Bearer ${opaque_token}`,
-      },
-    }
-  );
-  const calendars = await response.json();
+export async function getCalendars(userId: string) {
+  const calendars = await api
+    .get(
+      `dav/calendars/${userId}.json?personal=true&sharedDelegationStatus=accepted&sharedPublicSubscription=true&withRights=true`,
+      {
+        headers: {
+          Accept: "application/calendar+json",
+        },
+      }
+    )
+    .json();
   return calendars;
 }
 
 export async function getCalendar(
   id: string,
-  opaque_token: string,
   match: { start: string; end: string }
 ) {
-  const response = await fetch(
-    `${(window as any).CALENDAR_BASE_URL}/dav/calendars/${id}.json`,
-    {
-      method: "REPORT",
-      headers: {
-        Accept: "application/json, text/plain, */*",
-        Authorization: `Bearer ${opaque_token}`,
-      },
-      body: JSON.stringify({
-        match,
-      }),
-    }
-  );
+  const response = await api(`dav/calendars/${id}.json`, {
+    method: "REPORT",
+    headers: {
+      Accept: "application/json, text/plain, */*",
+    },
+    body: JSON.stringify({
+      match,
+    }),
+  });
   const calendar = await response.json();
   return calendar;
 }

src/features/Calendars/CalendarSlice.ts

@@ -6,12 +6,11 @@ import getOpenPaasUserId from "../User/userAPI";
 import { parseCalendarEvent } from "../Events/eventUtils";
 
 export const getCalendarsListAsync = createAsyncThunk<
-  Record<string, Calendars>, // Return type
-  string // Arg type (access_token)
->("calendars/getCalendars", async (access_token: string) => {
+  Record<string, Calendars> // Return type
+>("calendars/getCalendars", async () => {
   const importedCalendars: Record<string, Calendars> = {};
-  const user = await getOpenPaasUserId(access_token);
-  const calendars = await getCalendars(user.id, access_token);
+  const user = (await getOpenPaasUserId()) as Record<string, string>;
+  const calendars = (await getCalendars(user.id)) as Record<string, any>;
   const rawCalendars = calendars._embedded["dav:calendar"];
 
   for (const cal of rawCalendars) {
@@ -32,9 +31,9 @@ export const getCalendarsListAsync = createAsyncThunk<
 
 export const getCalendarDetailAsync = createAsyncThunk<
   { calId: string; events: CalendarEvent[] }, // Return type
-  { access_token: string; calId: string; match: { start: string; end: string } } // Arg type
->("calendars/getCalendarDetails", async ({ access_token, calId, match }) => {
-  const calendar = await getCalendar(calId, access_token, match);
+  { calId: string; match: { start: string; end: string } } // Arg type
+>("calendars/getCalendarDetails", async ({ calId, match }) => {
+  const calendar = (await getCalendar(calId, match)) as Record<string, any>;
   const color = calendar["apple:color"];
   const events: CalendarEvent[] = calendar._embedded["dav:item"].flatMap(
     (eventdata: any) => {