Update main.js

kalkih#1129 Just a quick stub. To be tested still.
akloeckner · Aug 26, 2024 · e2cfa30 · e2cfa30
1 parent 47edf81
commit e2cfa30
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/src/main.js b/src/main.js
@@ -149,11 +149,6 @@ class MiniGraphCard extends LitElement {
 
   shouldUpdate(changedProps) {
     if (UPDATE_PROPS.some(prop => changedProps.has(prop))) {
-      this.color = this.computeColor(
-        this.tooltip.value !== undefined
-          ? this.tooltip.value : this.entity[0] && this.entity[0].state,
-        this.tooltip.entity || 0,
-      );
       return true;
     }
   }
@@ -238,7 +233,7 @@ class MiniGraphCard extends LitElement {
     const { icon, icon_adaptive_color } = this.config.show;
     return icon ? html`
       <div class="icon" loc=${this.config.align_icon}
-        style=${icon_adaptive_color ? `color: ${this.color};` : ''}>
+        style=${icon_adaptive_color ? `color: ${this.computeColor(this.tooltip.value ?? this.getEntityState(0), this.tooltip.entity ?? 0)};` : ''}>
         <ha-icon .icon=${this.computeIcon(this.entity[0])}></ha-icon>
       </div>
     ` : '';
@@ -249,7 +244,7 @@ class MiniGraphCard extends LitElement {
     const name = this.tooltip.entity !== undefined
       ? this.computeName(this.tooltip.entity)
       : this.config.name || this.computeName(0);
-    const color = this.config.show.name_adaptive_color ? `opacity: 1; color: ${this.color};` : '';
+    const color = this.config.show.name_adaptive_color ? `opacity: 1; color: ${this.computeColor(this.tooltip.value ?? this.getEntityState(0), this.tooltip.entity ?? 0)}};` : '';
 
     return html`
       <div class="name flex">