Complete rewrite of local state management.

client/src/App/App.container.jsx

@@ -1,91 +1,29 @@
-//Baselined on https://blog.hasura.io/authentication-and-authorization-using-hasura-and-firebase/
+import React from "react";
+import { Mutation, Query } from "react-apollo";
+import { GET_CURRENT_USER, SET_CURRENT_USER } from "../graphql/local.queries";
 
-import React, { useState, useEffect } from "react";
-import firebase from "../firebase/firebase.utils";
 import App from "./App";
-
-import { gql } from "apollo-boost";
-import { HttpLink } from "apollo-link-http";
-import ApolloClient from "apollo-client";
-import { InMemoryCache } from "apollo-cache-inmemory";
-
 import Spin from "../components/loading-spinner/loading-spinner.component";
 
-const UPSERT_USER = gql`
-  mutation upsert_user($authEmail: String!, $authToken: String!) {
-    insert_users(
-      objects: [{ email: $authEmail, authid: $authToken }]
-      on_conflict: { constraint: users_pkey, update_columns: [authid] }
-    ) {
-      returning {
-        authid
-      }
-    }
-  }
-`;
-
-const SET_CURRENT_USER = gql`
-  mutation SetCurrentUser($user: User!) {
-    setCurrentUser(user: $user) @client
-  }
-`;
-
-const client = new ApolloClient({
-  link: new HttpLink({
-    uri: process.env.REACT_APP_GRAPHQL_ENDPOINT
-  }),
-  cache: new InMemoryCache()
-});
-
-export default function Auth() {
-  const [authState, setAuthState] = useState({ status: "loading" });
-
-  useEffect(() => {
-    return firebase.auth().onAuthStateChanged(async user => {
-      if (user) {
-        console.log("Current User:", user);
-
-        client
-          .mutate({
-            mutation: UPSERT_USER,
-            variables: { authEmail: user.email, authToken: user.uid }
-          })
-          .then(r => console.log("Successful Upsert", r))
-          .catch(error => console.log("Upsert error!!!!", error));
-
-        const token = await user.getIdToken();
-        const idTokenResult = await user.getIdTokenResult();
-        const hasuraClaim =
-          idTokenResult.claims["https://hasura.io/jwt/claims"];
-        if (hasuraClaim) {
-          setAuthState({ status: "in", user, token });
-        } else {
-          // Check if refresh is required.
-          const metadataRef = firebase
-            .database()
-            .ref("metadata/" + user.uid + "/refreshTime");
-          metadataRef.on("value", async () => {
-            // Force refresh to pick up the latest custom claims changes.
-            const token = await user.getIdToken(true);
-            setAuthState({ status: "in", user, token });
-          });
-        }
-      } else {
-        setAuthState({ status: "out" });
-      }
-    });
-  }, []);
-
-  let content;
-  if (authState.status === "loading") {
-    content = <Spin />;
-  } else {
-    content = (
-      <>
-        <App authState={authState} />
-      </>
-    );
-  }
-
-  return <div className="app-container">{content}</div>;
-}
+export default () => {
+  return (
+    <Query query={GET_CURRENT_USER}>
+      {({ loading, error, data: { currentUser } }) => {
+        if (loading) return <Spin />;
+        if (error) return error.message;
+        return (
+          <Mutation mutation={SET_CURRENT_USER}>
+            {setCurrentUser => (
+              <App
+                currentUser={currentUser}
+                setCurrentUser={user => {
+                  setCurrentUser({ variables: { user } });
+                }}
+              />
+            )}
+          </Mutation>
+        );
+      }}
+    </Query>
+  );
+};