import { ApolloClient, createHttpLink, InMemoryCache } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';

const httpLink = createHttpLink({ uri: '/graphql' });

const authLink = setContext((_, { headers }) => {
  const token = localStorage.getItem('token');
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : '',
    },
  };
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache(),
});

// To update the headers later, you can create a new link with updated headers
const newAuthLink = setContext((_, { headers }) => {
  const newHeader = 'new header value';
  return {
    headers: {
      ...headers,
      'new-header': newHeader,
    },
  };
});

// Then set the new link as the client's link
client.setLink(newAuthLink.concat(httpLink));

"Cookies shouldnt be used like that"