feat(presenter): authorization header

presenter/renderer/plugins/apollo.ts

@@ -1,12 +1,34 @@
 import { ApolloClient, InMemoryCache } from '@apollo/client/core'
+import { setContext } from '@apollo/client/link/context'
 import { createHttpLink } from '@apollo/client/link/http'
 // import { onError } from '@apollo/client/link/error'
+import { User } from 'oidc-client-ts'
 
 import { ENDPOINTS } from '#src/env'
 
-// HTTP connection to the API
+const authLink = setContext((_, { headers }) => {
+  let token = ''
+  const auth = localStorage.getItem('auth')
+  if (auth) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const parsed = JSON.parse(auth)
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    if (parsed.user) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+      const user: User = parsed.user
+      token = user.access_token ? user.access_token : ''
+    }
+  }
+  return {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    headers: {
+      ...headers,
+      authorization: token ? `Bearer ${token}` : '',
+    },
+  }
+})
+
 const httpLink = createHttpLink({
-  // You should use an absolute URL here
   uri: ENDPOINTS.GRAPHQL_URI,
 })
 
@@ -23,12 +45,10 @@ const errorLink = onError(({ graphQLErrors, networkError }) => {
 })
 */
 
-// Cache implementation
 const cache = new InMemoryCache()
 
-// Create the apollo client
 export const apolloClient = new ApolloClient({
   ssrMode: true,
-  link: httpLink, // errorLink.concat(httpLink),
+  link: authLink.concat(httpLink), // errorLink.concat(httpLink),
   cache,
 })