Fixed small glitch on tutoring page.

1 files changed, 7 insertions, 22 deletions

diff --git a/src/components/mao-tutoring.js b/src/components/mao-tutoring.js
index 19d844a..85aac99 100644
--- a/src/components/mao-tutoring.js
+++ b/src/components/mao-tutoring.js
@@ -152,22 +152,7 @@ class MaoTutoring extends connect(store)(PageViewElement) {
 
           <div class="tutorCard" hidden="${props.signedIn}">
             <h3>Need to see or document hours?</h3>
-            <paper-button
-            class="info"
-            raised
-            hidden="${props.loginFieldsOpened}"
-            on-tap="${() => this.toggleloginFields()}">Sign In</paper-button>
-
-            <div hidden="${!props.loginFieldsOpened}">
-              <paper-input label="username" id="emailField">
-              </paper-input>
-
-              <paper-input type="password" label="password" id="passwordField">
-              </paper-input>
-
-              <paper-button disabled="${props.signedIn}"  raised on-tap="${() => this.logIn()}">Sign In</paper-button>
-              <paper-button disabled="${!props.signedIn}" raised on-tap="${() => store.dispatch(signOut())}">Sign Out</paper-button>
-            </div>
+            <p> Sign in on account page... </p>
           </div>
 
           <div hidden="${props.signedIn}" class="hoursCard">
@@ -270,8 +255,6 @@ class MaoTutoring extends connect(store)(PageViewElement) {
     authMessage:    String,
     hours:          Number,
     requestedHours: Number,
-
-    loginFieldsOpened:  Boolean,
     submitFieldsOpened: Boolean
   }}
 
@@ -281,8 +264,11 @@ class MaoTutoring extends connect(store)(PageViewElement) {
     this.signedIn       = state.firebase.initialized;
     this.authMessage    = state.firebase.authMessage;
 
-    this.loginFieldsOpened  = false;
     this.sumbitFieldsOpened = false;
+
+    if(this.signedIn) {
+      this.toggleShowingCard();
+    }
   }
 
   logIn() {
@@ -293,10 +279,9 @@ class MaoTutoring extends connect(store)(PageViewElement) {
     store.dispatch(signIn(email,password));
   }
 
-  toggleloginFields() {
-    this.loginFieldsOpened = !this.loginFieldsOpened;
+  toggleShowingCard() {
 
-    this.shadowRoot.getElementById('tutoring-grid').style = 'grid-template-areas: "title" "card1" "card2";';
+    this.shadowRoot.getElementById('tutoring-grid').style = 'grid-template-areas: "title" "card2";';
   }
 
   toggleSubmitFields() {