Updated info and added new competition for sign up

1 files changed, 26 insertions, 15 deletions

diff --git a/src/components/test-element.js b/src/components/test-element.js
index 6367691..ba023de 100644
--- a/src/components/test-element.js
+++ b/src/components/test-element.js
@@ -44,20 +44,29 @@ class TestElement extends LitElement {
             </ol>
         </div>
         <div class="card-actions" hidden="${!props.signedIn}">
-          <paper-button
-          class="info"
-          hidden="${props.isRegistered}"
-          raised
-          disabled= "${!props.signedIn}"
-          on-tap=   "${() => this.registerComp()}">
-          ${props.signedIn? "Register" : "Sign In"}
-          </paper-button>
-
-          <paper-button class="success"
-          disabled
-          hidden="${!props.isRegistered}">
-          Already Registered
-          </paper-button>
+          <div hidden="${props.closed}">
+            <paper-button
+            class="info"
+            hidden="${props.isRegistered}"
+            raised
+            disabled= "${!props.signedIn}"
+            on-tap=   "${() => this.registerComp()}">
+            ${props.signedIn? "Register" : "Sign In"}
+            </paper-button>
+
+            <paper-button class="success"
+            disabled
+            hidden="${!props.isRegistered}">
+            Already Registered
+            </paper-button>
+          </div>
+
+          <div hidden="${!props.closed}">
+            <paper-button
+            disabled>
+            Registration Closed
+            </paper-button>
+          </div>
         </div>
       </paper-card>
     `;
@@ -69,7 +78,8 @@ class TestElement extends LitElement {
     dates:        Array,
     image:        String,
     signedIn:     Boolean,
-    isRegistered: Boolean
+    isRegistered: Boolean,
+    closed:       Boolean
   }};
 
   constructor() {
@@ -81,6 +91,7 @@ class TestElement extends LitElement {
     this.image          =   "Image Path";
     this.signedIn       =   false;
     this.isRegistered   =   false;
+    this.closed         =   false;
   }
 
   registerComp() {