Added job card functionality + new fields.

client/src/graphql/apollo-error-handling.js

@@ -5,10 +5,10 @@ import { auth } from "../firebase/firebase.utils";
 const errorLink = onError(
   ({ graphQLErrors, networkError, operation, forward }) => {
     let access_token = window.localStorage.getItem("token");
-    console.log("graphQLErrors", graphQLErrors);
-    console.log("networkError", networkError);
-    console.log("operation", operation);
-    console.log("forward", forward);
+    // console.log("graphQLErrors", graphQLErrors);
+    // console.log("networkError", networkError);
+    // console.log("operation", operation);
+    // console.log("forward", forward);
 
     let expired = false;
 
@@ -29,40 +29,45 @@ const errorLink = onError(
       if (access_token && access_token !== "undefined") {
         // Let's refresh token through async request
         return new Observable(observer => {
-          auth.currentUser
-            .getIdToken(true)
-            .then(function(idToken) {
-              if (!idToken) {
-                window.localStorage.removeItem("token");
-                return console.log("Refresh token has expired");
-              }
-              console.log("Got a new token", idToken);
-              window.localStorage.setItem("token", idToken);
+          const unsubscribeFromAuth = auth.onAuthStateChanged(async user => {
+            console.log("Auth change in error handling.");
+            if (user) {
+              user
+                .getIdToken(true)
+                .then(function(idToken) {
+                  if (!idToken) {
+                    window.localStorage.removeItem("token");
+                    return console.log("Refresh token has expired");
+                  }
+                  console.log("Got a new token", idToken);
+                  window.localStorage.setItem("token", idToken);
 
-              // reset the headers
-              operation.setContext(({ headers = {} }) => ({
-                headers: {
-                  // Re-add old headers
-                  ...headers,
-                  // Switch out old access token for new one
-                  authorization: idToken ? `Bearer ${idToken}` : ""
-                }
-              }));
+                  // reset the headers
+                  operation.setContext(({ headers = {} }) => ({
+                    headers: {
+                      // Re-add old headers
+                      ...headers,
+                      // Switch out old access token for new one
+                      authorization: idToken ? `Bearer ${idToken}` : ""
+                    }
+                  }));
 
-              const subscriber = {
-                next: observer.next.bind(observer),
-                error: observer.error.bind(observer),
-                complete: observer.complete.bind(observer)
-              };
-              console.log("About to resend the request.");
-              // Retry last failed request
-              forward(operation).subscribe(subscriber);
-            })
-            .catch(error => {
-              // No refresh or client token available, we force user to login
-              console.log("Hit an error.");
-              observer.error(error);
-            });
+                  const subscriber = {
+                    next: observer.next.bind(observer),
+                    error: observer.error.bind(observer),
+                    complete: observer.complete.bind(observer)
+                  };
+                  console.log("About to resend the request.");
+                  // Retry last failed request
+                  forward(operation).subscribe(subscriber);
+                })
+                .catch(error => {
+                  // No refresh or client token available, we force user to login
+                  console.log("Hit an error.");
+                  observer.error(error);
+                });
+            }
+          });
         });
       }
     }

client/src/graphql/jobs.queries.js

@@ -246,6 +246,10 @@ export const QUERY_JOB_CARD_DETAILS = gql`
       updated_at
       claim_total
       ded_amt
+      documents(limit: 3, order_by: { created_at: desc }) {
+        id
+        thumb_url
+      }
       vehicle {
         id
         plate_no