[BUG] Attach auth headers for rtk client endpoints #129: API fetch fu…

…nction to include authorization header

src/store/slice/api.ts

@@ -1,12 +1,25 @@
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+import { createApi, fetchBaseQuery, BaseQueryApi, FetchArgs } from '@reduxjs/toolkit/query/react'
 import { ServerPath } from 'route/path'
+import { getAuthToken } from 'auth/utility'
 
-const baseQuery = fetchBaseQuery({
-  baseUrl: ServerPath.SERVER
-})
+const extFetchBase = (args: FetchArgs, api: BaseQueryApi, extraOptions: any, authToken: string) => {
+  const headers = {
+    Authorization: `Bearer ${authToken}`
+  }
+
+  return fetchBaseQuery({
+    baseUrl: ServerPath.SERVER,
+    prepareHeaders: (headers, { getState }) => {
+      return headers
+    }
+  })(args, api, {
+    ...extraOptions,
+    headers
+  })
+}
 
 export const apiSlice = createApi({
-  baseQuery,
+  baseQuery: (args, api, extraOptions) => extFetchBase(args, api, extraOptions, getAuthToken() as string),
   tagTypes: ['Bootcamp', 'Course', 'Feedback', 'User'],
   endpoints: (builder) => ({})
 })