From 4165e64ce04820894bc2de3546a69809d055928c Mon Sep 17 00:00:00 2001 From: Zack Barett Date: Fri, 14 Jan 2022 17:27:54 -0600 Subject: [PATCH] Area card gallery updates (#11324) --- gallery/src/pages/lovelace/area-card.ts | 8 ++++---- src/panels/lovelace/cards/hui-area-card.ts | 7 +++---- 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/gallery/src/pages/lovelace/area-card.ts b/gallery/src/pages/lovelace/area-card.ts index 3d46fc031d..cd80ca2064 100644 --- a/gallery/src/pages/lovelace/area-card.ts +++ b/gallery/src/pages/lovelace/area-card.ts @@ -46,7 +46,6 @@ const CONFIGS = [ config: ` - type: area area: bedroom - image: "/images/bed.png" `, }, { @@ -54,7 +53,6 @@ const CONFIGS = [ config: ` - type: area area: living_room - image: "/images/living_room.png" `, }, { @@ -62,7 +60,6 @@ const CONFIGS = [ config: ` - type: area area: office - image: "/images/office.jpg" `, }, { @@ -70,7 +67,6 @@ const CONFIGS = [ config: ` - type: area area: kitchen - image: "/images/kitchen.png" `, }, ]; @@ -93,18 +89,22 @@ class DemoArea extends LitElement { { name: "Bedroom", area_id: "bedroom", + picture: "/images/bed.png", }, { name: "Living Room", area_id: "living_room", + picture: "/images/living_room.png", }, { name: "Office", area_id: "office", + picture: "/images/office.jpg", }, { name: "Second Office", area_id: "kitchen", + picture: "/images/kitchen.png", }, ]); hass.mockWS("config/device_registry/list", () => []); diff --git a/src/panels/lovelace/cards/hui-area-card.ts b/src/panels/lovelace/cards/hui-area-card.ts index 6706a094be..ad7e7f028d 100644 --- a/src/panels/lovelace/cards/hui-area-card.ts +++ b/src/panels/lovelace/cards/hui-area-card.ts @@ -31,6 +31,7 @@ import "../../../components/ha-card"; import "../../../components/ha-icon-button"; import "../../../components/ha-state-icon"; import "../../../components/ha-svg-icon"; +import "../components/hui-image"; import { AreaRegistryEntry, subscribeAreaRegistry, @@ -265,7 +266,7 @@ export class HuiAreaCard if ( changedProps.has("_devicesInArea") || - changedProps.has("_area") || + changedProps.has("_areas") || changedProps.has("_entities") ) { return true; @@ -372,9 +373,7 @@ export class HuiAreaCard ? html``