[#25] changed loading order + added condition to keep loading screen while loading calendar list

src/features/User/userSlice.ts

@@ -1,5 +1,15 @@
-import { createSlice } from "@reduxjs/toolkit";
+import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
 import { userData, userOrganiser } from "./userDataTypes";
+import getOpenPaasUserId from "./userAPI";
+
+export const getOpenPaasUserIdAsync = createAsyncThunk<
+  string, // Return type
+  string // Arg type
+>("user/getOpenPaasUserId", async (access_token) => {
+  const user = await getOpenPaasUserId(access_token);
+
+  return user.id;
+});
 
 export const userSlice = createSlice({
   name: "user",
@@ -21,6 +31,11 @@ export const userSlice = createSlice({
       state.tokens = action.payload;
     },
   },
+  extraReducers: (builder) => {
+    builder.addCase(getOpenPaasUserIdAsync.fulfilled, (state, action) => {
+      state.userData.openpaasId = action.payload;
+    });
+  },
 });
 
 // Action creators are generated for each case reducer function