In progress changes for auth.

client/src/App/App.js

@@ -4,19 +4,22 @@ import "./App.css";
 import { auth, createUserProfileDocument } from "../firebase/firebase.utils";
 import { gql } from "apollo-boost";
 
+import firebase from "../firebase/firebase.utils"
+
 import HeaderAppBar from "../components/header-app-bar/header-app-bar.component";
+import SignIn from "../components/sign-in/sign-in.component";
 
-const SET_CURRENT_USER = gql`
-  mutation SetCurrentUser($user: User!) {
-    setCurrentUser(user: $user) @client
-  }
-`;
+// const SET_CURRENT_USER = gql`
+//   mutation SetCurrentUser($user: User!) {
+//     setCurrentUser(user: $user) @client
+//   }
+// `;
 
-const GET_CURRENT_USER = gql`
-  {
-    currentUser @client
-  }
-`;
+// const GET_CURRENT_USER = gql`
+//   {
+//     currentUser @client
+//   }
+// `;
 
 class App extends React.Component {
   unsubscribeFromAuth = null;
@@ -39,11 +42,11 @@ class App extends React.Component {
           // Check if refresh is required.
           const metadataRef = firebase
             .database()
-            .ref("metadata/" + user.uid + "/refreshTime");
+            .ref("metadata/" + userAuth.uid + "/refreshTime");
 
           metadataRef.on("value", async () => {
             // Force refresh to pick up the latest custom claims changes.
-            const token = await user.getIdToken(true);
+            const token = await userAuth.getIdToken(true);
             //setAuthState({ status: "in", user, token });
             console.log("status should be in");
           });
@@ -75,6 +78,8 @@ class App extends React.Component {
     return (
       <div>
         <HeaderAppBar />
+
+        {this.props.currentUser ? "Logged In!" : <SignIn />}
       </div>
     );
   }