From 0f8cf574d3f18f8d27772987dc09f42cb5bac047 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 22 Jan 2020 18:17:50 +0100
Subject: [PATCH] Use state icon in logbook instead of domain icon (#4558)

Fixes https://github.com/home-assistant/home-assistant-polymer/issues/2313
---
 src/panels/logbook/ha-logbook.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/panels/logbook/ha-logbook.ts b/src/panels/logbook/ha-logbook.ts
index 158211b045..202e83d425 100644
--- a/src/panels/logbook/ha-logbook.ts
+++ b/src/panels/logbook/ha-logbook.ts
@@ -1,8 +1,8 @@
-import "@polymer/iron-icon/iron-icon";
-
+import "../../components/ha-icon";
 import formatTime from "../../common/datetime/format_time";
 import formatDate from "../../common/datetime/format_date";
 import { domainIcon } from "../../common/entity/domain_icon";
+import { stateIcon } from "../../common/entity/state_icon";
 import { computeRTL } from "../../common/util/compute_rtl";
 import {
   LitElement,
@@ -63,6 +63,7 @@ class HaLogbook extends LitElement {
     index: number
   ): TemplateResult {
     const previous = this.entries[index - 1];
+    const state = item.entity_id ? this.hass.states[item.entity_id] : undefined;
     return html`
       <div>
         ${index === 0 ||
@@ -81,7 +82,9 @@ class HaLogbook extends LitElement {
           <div class="time">
             ${formatTime(new Date(item.when), this.hass.language)}
           </div>
-          <iron-icon .icon="${domainIcon(item.domain)}"></iron-icon>
+          <ha-icon
+            .icon=${state ? stateIcon(state) : domainIcon(item.domain)}
+          ></ha-icon>
           <div class="message">
             ${!item.entity_id
               ? html`
@@ -137,7 +140,7 @@ class HaLogbook extends LitElement {
         direction: rtl;
       }
 
-      iron-icon {
+      ha-icon {
         margin: 0 8px 0 16px;
         color: var(--primary-text-color);
       }