Created way to show day of comeptition for competition element.

2 files changed, 21 insertions, 12 deletions

diff --git a/src/components/competition-element.js b/src/components/competition-element.js
index fa00bca..dddd441 100644
--- a/src/components/competition-element.js
+++ b/src/components/competition-element.js
@@ -33,7 +33,7 @@ class CompetitionElement extends LitElement {
       onmouseover   ="${() => this.toggleTab()}"
       onmouseout    ="${() => this.toggleTab()}">
         <div class="card-content">
-            <h3>${props.name.replace(/[0-9]/g, '')}</h3>
+            <h3>${props.name.replace(/[0-9]/g, '') + props.day}</h3>
             <h4>${props.location}</h4>
             <p hidden="${!props.infoTabOpen}"> ${props.information}</p>
         </div>
@@ -59,6 +59,7 @@ class CompetitionElement extends LitElement {
 
   static get properties() { return {
     name:         String,
+    day:          String,
     information:  String,
     location:     String,
     infoTabOpen:  Boolean,
@@ -70,6 +71,7 @@ class CompetitionElement extends LitElement {
     super();
 
     this.name         =   "Competition";
+    this.day          =   "";
     this.information  =   "Competition Information";
     this.location     =   "Competition Location";
     this.infoTabOpen  =   false;
diff --git a/src/components/mao-competitions.js b/src/components/mao-competitions.js
index 31151df..e0df8df 100644
--- a/src/components/mao-competitions.js
+++ b/src/components/mao-competitions.js
@@ -63,7 +63,9 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
                         "title"
                         "comp1"
                         "comp2"
-                        "comp3";
+                        "comp3"
+                        "comp4"
+                        "comp5";
       }
 
       .regional-comp1 {
@@ -123,9 +125,9 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
 
         .regional-competition-grid {
           grid-template-areas:
-                          "title title title"
-                          "comp1 comp2 comp3"
-                          "comp4 comp5 comp5";
+                          "title title title title title title"
+                          "comp1 comp1 comp2 comp2 comp3 comp3"
+                          "comp4 comp4 comp4 comp5 comp5 comp5";
         }
 
         section > paper-card {
@@ -221,10 +223,11 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
             <competition-element
             id="dec-competition-element"
             name="December"
-            information="December 14th. This is the first competition and is close. So everyone, please come."
+            day=" 14th"
+            information="This is the first competition and is close. So everyone, please come."
             location="FGCU, Fort Myers"
             signedIn="${props.signedIn}"
-            isRegistered="${props.registeredComps.includes('Decembe14')}"
+            isRegistered="${props.registeredComps.includes('December')}"
             on-register-comp="${() => store.dispatch(registerComp('December'))}">
             </competition-element>
           </div>
@@ -233,7 +236,8 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
             <competition-element
             id="jan-competition-element"
             name="January"
-            information="January 19th. This is not too far away."
+            day=" 19th"
+            information="This is not too far away."
             location="Dunbar, Fort Myers"
             signedIn="${props.signedIn}"
             isRegistered="${props.registeredComps.includes('January')}"
@@ -245,8 +249,9 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
             <competition-element
             id="feb-competition-element"
             name="February"
-            information="February 2nd. This is close and fun."
-            location="Golden Gate High, Golden Gate"
+            day=" 2nd"
+            information="This is close and fun."
+            location="Golden Gate"
             signedIn="${props.signedIn}"
             isRegistered="${props.registeredComps.includes('February')}"
             on-register-comp="${() => store.dispatch(registerComp('February'))}">
@@ -257,7 +262,8 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
             <competition-element
             id="mar1-competition-element"
             name="March1"
-            information="March 2nd. This is a bit of a drive, but the cypress competition is always fun."
+            day=" 2nd"
+            information="This is a bit of a drive, but the cypress competition is always fun."
             location="Cypress Bay, Weston"
             signedIn="${props.signedIn}"
             isRegistered="${props.registeredComps.includes('March1')}"
@@ -269,7 +275,8 @@ class MaoCompetitions extends connect(store)(PageViewElement) {
             <competition-element
             id="mar2-competition-element"
             name="March2"
-            information="March 16th. This competition is rough."
+            day=" 16th"
+            information="This competition is rough."
             location="American Hertiage-Boca, Delray Beach"
             signedIn="${props.signedIn}"
             isRegistered="${props.registeredComps.includes('March2')}"