fix: Header toggle

Fixes #239
nervetattoo · Apr 10, 2021 · c9022e4 · c9022e4
1 parent 5004a00
commit c9022e4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/components/header.ts b/src/components/header.ts
@@ -71,14 +71,14 @@ function renderFaults(faults, openEntityPopover) {
   return html` <div class="faults">${faultHtml}</div>`
 }
 
-function renderToggle(toggle, toggleEntityChanged, openEntityPopover) {
+function renderToggle(toggle, openEntityPopover, toggleEntityChanged) {
   if (!toggle) return nothing
 
   return html`
     <div style="margin-left: auto;">
       <span
         class="clickable toggle-label"
-        @click="${() => openEntityPopover(toggle.entity)}"
+        @click=${() => openEntityPopover(toggle.entity.entity_id)}
         >${toggle.label}
       </span>
       <ha-switch

diff --git a/src/main.ts b/src/main.ts
@@ -374,13 +374,17 @@ export default class SimpleThermostat extends LitElement {
     `
   }
 
-  toggleEntityChanged(ev: Event) {
-    if (!this.header) return
+  toggleEntityChanged = (ev: Event) => {
+    if (!this.header || !this?.header?.toggle) return
+
     const el = ev.target as HTMLInputElement
-    const newVal = el.checked
-    this._hass.callService('homeassistant', newVal ? 'turn_on' : 'turn_off', {
-      entity_id: this.header?.toggle?.entity,
-    })
+    this._hass.callService(
+      'homeassistant',
+      el.checked ? 'turn_on' : 'turn_off',
+      {
+        entity_id: this.header?.toggle?.entity?.entity_id,
+      }
+    )
   }
 
   setTemperature(change: number, field: string) {