Support clickable cards

CityOfDetroit · Oct 5, 2023 · 2d2b405 · 2d2b405
1 parent 77f6818
commit 2d2b405
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/organisms/Card/Card.js b/src/components/organisms/Card/Card.js
@@ -146,17 +146,26 @@ export default class Card extends HTMLElement {
     // TODO: See CityOfDetroit/detroitmi#1099
     // eslint-disable-next-line eqeqeq
     extraClasses != undefined && extraClasses != null
-      ? cardClasses.push(extraClasses)
+      ? cardClasses.push(extraClasses.split(' '))
       : 0;
     // TODO: See CityOfDetroit/detroitmi#1099
     // eslint-disable-next-line eqeqeq
     width != undefined && width != null ? (this.card.style.width = width) : 0;
     // TODO: See CityOfDetroit/detroitmi#1099
     // eslint-disable-next-line eqeqeq
     id != undefined && id != null ? (this.card.id = id) : 0;
-    this.card.className = cardClasses.join(' ');
+    // Include any existing classes from the element.
+    this.card.classList.add(...cardClasses);
     if (!this.shadowRoot.querySelector('div')) {
       this.shadowRoot.appendChild(this.card);
     }
   }
+
+  setIsClickable(isClickable = true, color = null) {
+    if (isClickable) {
+      this.card.classList.add('btn', color);
+    } else {
+      this.card.classList.remove('btn', color);
+    }
+  }
 }