From 666316e44a436d1dec0254ef6e36073a1253b959 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Thu, 23 Jan 2025 11:26:58 +0100
Subject: [PATCH] Use area entities in area card for temperature and humidity
 (#23842)

Use area entities in area card for temperature and humidity instead of average
---
 src/panels/lovelace/cards/hui-area-card.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-area-card.ts b/src/panels/lovelace/cards/hui-area-card.ts
index af2f82fbeb..3a901f064f 100644
--- a/src/panels/lovelace/cards/hui-area-card.ts
+++ b/src/panels/lovelace/cards/hui-area-card.ts
@@ -376,7 +376,20 @@ export class HuiAreaCard
         return;
       }
       this._deviceClasses[domain].forEach((deviceClass) => {
+        let areaSensorEntityId: string | null = null;
+        switch (deviceClass) {
+          case "temperature":
+            areaSensorEntityId = area.temperature_entity_id;
+            break;
+          case "humidity":
+            areaSensorEntityId = area.humidity_entity_id;
+            break;
+        }
+        const areaEntity = areaSensorEntityId
+          ? this.hass.states[areaSensorEntityId]
+          : undefined;
         if (
+          areaEntity ||
           entitiesByDomain[domain].some(
             (entity) => entity.attributes.device_class === deviceClass
           )
@@ -388,7 +401,9 @@ export class HuiAreaCard
                 .domain=${domain}
                 .deviceClass=${deviceClass}
               ></ha-domain-icon>
-              ${this._average(domain, deviceClass)}
+              ${areaEntity
+                ? this.hass.formatEntityState(areaEntity)
+                : this._average(domain, deviceClass)}
             </div>
           `);
         }