Updated register buttons to show only when a user is signed in.

1 files changed, 9 insertions, 9 deletions

diff --git a/src/components/test-element.js b/src/components/test-element.js
index eb4b42d..e2ccdf9 100644
--- a/src/components/test-element.js
+++ b/src/components/test-element.js
@@ -35,14 +35,14 @@ class TestElement extends LitElement {
         <div class="card-content">
             <p>${props.information}</p>
         </div>
-        <div class="card-actions">
+        <div class="card-actions" hidden="${!props.signedIn}">
           <paper-button
           class="info"
           hidden="${props.isRegistered}"
           raised
-          disabled= "${!props.initialized}"
+          disabled= "${!props.signedIn}"
           on-tap=   "${() => this.registerComp()}">
-          ${props.initialized? "Register" : "Sign In"}
+          ${props.signedIn? "Register" : "Sign In"}
           </paper-button>
 
           <paper-button class="success"
@@ -56,11 +56,11 @@ class TestElement extends LitElement {
   }
 
   static get properties() { return {
-    name:           String,
-    information:    String,
-    image:          String,
-    initialized:    Boolean,
-    isRegistered:   Boolean
+    name:         String,
+    information:  String,
+    image:        String,
+    signedIn:     Boolean,
+    isRegistered: Boolean
   }};
 
   constructor() {
@@ -69,7 +69,7 @@ class TestElement extends LitElement {
     this.name           =   "Competition";
     this.information    =   "Competition Information";
     this.image          =   "Image Path";
-    this.initialized    =   false;
+    this.signedIn    =   false;
     this.isRegistered   =   false;
   }