close button

ngocjohn · Jun 5, 2024 · 26abb58 · 26abb58
1 parent 89c7b8e
commit 26abb58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/dist/vehicle-info-card.js b/dist/vehicle-info-card.js
diff --git a/src/vehicle-info-card.ts b/src/vehicle-info-card.ts
@@ -8,7 +8,6 @@ import {
   LovelaceCard,
   LovelaceCardConfig,
   fireEvent,
-  computeCardSize,
 } from 'custom-card-helpers'; // This is a community maintained npm module with common helper functions/types. https://github.com/custom-cards/custom-card-helpers
 
 import {
@@ -414,7 +413,7 @@ export class VehicleCard extends LitElement {
   private _renderAdditionalCardHeader(): TemplateResult {
     return html`
       <div class="added-card-header">
-        <div class="headder-btn" @click="${() => this.activeCardType && this.toggleCard(this.activeCardType)}">
+        <div class="headder-btn" @click="${() => this.closeAddedCard()}">
           <ha-icon icon="mdi:close"></ha-icon>
         </div>
         <div class="card-toggle ">
@@ -429,6 +428,10 @@ export class VehicleCard extends LitElement {
     `;
   }
 
+  private closeAddedCard(): void {
+    this.activeCardType = null;
+  }
+
   private toggleNextCard(): void {
     if (!this.activeCardType) return;