Adding a Header

Hey love what you built here. There aren’t a lot of apollo examples that don’t store a jwt token in localstorage and use that to determine if a user is logged in, so glad to see a solution using sessions!

I’m curious to see how you would handle something like a Header component that’s outside of your AuthRoutes, but that reflects the current auth state by either showing Login/Register or Logout. So when I log in, the header then knows to update and show the logout link.

so something like:

<ApolloProvider client={client}>
  <Header />
  <Routes />
</ApolloProvider>

[benawad]

Here’s the docs on it: https://www.apollographql.com/docs/react/essentials/mutations.html#update

Here’s an example of me using it in a project: https://github.com/benawad/slack-clone-client/blob/2588510aeb4ed9127ae64eb21072307468dae79b/src/components/AddChannelModal.js#L76

[captDaylight]

thx 🙇‍♂️ ! exactly what I was looking for.