Created way to show day of comeptition for competition element.

1 files changed, 3 insertions, 1 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;