From 61c9072a08dcc54a8c70c0772b6e6d3ed1d97cc9 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Thu, 4 Apr 2024 13:00:14 +0200
Subject: [PATCH] Fix icons in entity settings (#20405)

---
 .../config/entities/ha-config-entities.ts     | 30 ++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/panels/config/entities/ha-config-entities.ts b/src/panels/config/entities/ha-config-entities.ts
index 5a7f5461aa..cf7f63d8d2 100644
--- a/src/panels/config/entities/ha-config-entities.ts
+++ b/src/panels/config/entities/ha-config-entities.ts
@@ -27,7 +27,6 @@ import {
 import { customElement, property, query, state } from "lit/decorators";
 import { ifDefined } from "lit/directives/if-defined";
 import { styleMap } from "lit/directives/style-map";
-import { until } from "lit/directives/until";
 import memoize from "memoize-one";
 import { computeCssColor } from "../../../common/color/compute-color";
 import type { HASSDomEvent } from "../../../common/dom/fire_event";
@@ -67,7 +66,6 @@ import {
   removeEntityRegistryEntry,
   updateEntityRegistryEntry,
 } from "../../../data/entity_registry";
-import { entryIcon } from "../../../data/icons";
 import {
   LabelRegistryEntry,
   createLabelRegistryEntry,
@@ -207,21 +205,19 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
         type: "icon",
         template: (entry) =>
           entry.icon
-            ? html`
-                <ha-state-icon
-                  title=${ifDefined(entry.entity?.state)}
-                  slot="item-icon"
-                  .hass=${this.hass}
-                  .stateObj=${entry.entity}
-                ></ha-state-icon>
-              `
-            : html`
-                <ha-icon
-                  icon=${until(
-                    entryIcon(this.hass, entry as EntityRegistryEntry)
-                  )}
-                ></ha-icon>
-              `,
+            ? html`<ha-icon .icon=${entry.icon}></ha-icon>`
+            : entry.entity
+              ? html`
+                  <ha-state-icon
+                    title=${ifDefined(entry.entity?.state)}
+                    slot="item-icon"
+                    .hass=${this.hass}
+                    .stateObj=${entry.entity}
+                  ></ha-state-icon>
+                `
+              : html`<ha-domain-icon
+                  .domain=${computeDomain(entry.entity_id)}
+                ></ha-domain-icon>`,
       },
       name: {
         main: true,