Server: AuthID passed from decoded token via context

client/src/App.js

@@ -34,7 +34,7 @@ const errorLink= onError(({ graphQLErrors, networkError }) => {
     graphQLErrors.map(({ message, locations, path }) =>
       console.log(
         `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`,
-      ),
+      )
     );
   if (networkError) console.log(`[Network error]: ${networkError}`);
 })

client/src/components/LoggedInUser.js

@@ -52,12 +52,4 @@ class LoggedInUser extends Component {
   }
 }
 
-export default graphql(getUserByAuthIdQuery, { // What follows is the way to pass a parameter to a query.
-  options: (props) => {
-    return {
-      variables: {
-        authId: props.authId
-      }
-    }
-  }
-})(LoggedInUser); // This binds the querty to the component
+export default graphql(getUserByAuthIdQuery)(LoggedInUser); // This binds the querty to the component

client/src/components/NavBar.js

@@ -53,7 +53,7 @@ class NavBar extends Component {
     const userStored = localStorage.getItem('user');
 
     if (userStored !== null && userStored !== undefined && userStored !== 'undefined') {
-      const user = JSON.parse(userStored);
+      const user = userStored;
 
       /* For some reason, the result of GraphQL some times varies, that is why I had to do the following hack. */
 

client/src/queries/queries.js

@@ -35,8 +35,8 @@ query($id: ID){
 `
 
 const getUserByAuthIdQuery = gql`
-query($authId: String){
-    userByAuthId (authId: $authId){
+query {
+    userByAuthId{
       id
       alias
       firstName