Undo my commit into dev (#6864)

src/dialogs/more-info/controls/more-info-light.ts

@@ -105,12 +105,12 @@ class MoreInfoLight extends LitElement {
                 ? html`
                     <div class="segmentationContainer">
                       <ha-color-picker
-                        throttle="500"
                         class="color"
+                        @colorselected=${this._colorPicked}
                         .desiredHsColor=${this._colorPickerColor}
+                        throttle="500"
                         .hueSegments=${this._hueSegments}
                         .saturationSegments=${this._saturationSegments}
-                        @colorselected=${this._colorPicked}
                       >
                       </ha-color-picker>
                       <ha-icon-button
@@ -147,7 +147,7 @@ class MoreInfoLight extends LitElement {
           : ""}
         <ha-attributes
           .stateObj=${this.stateObj}
-          .extraFilters=${"brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds,entity_id"}
+          extra-filters="brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds,entity_id"
         ></ha-attributes>
       </div>
     `;

src/dialogs/more-info/ha-more-info-tab-history.ts

@@ -85,18 +85,7 @@ export class MoreInfoTabHistoryDialog extends LitElement {
       clearInterval(this._historyRefreshInterval);
     }
 
-    if (!this.hass) {
+    if (changedProps.has("entityId")) {
-      return;
-    }
-
-    const oldHass = changedProps.get("hass") as HomeAssistant;
-    const newStateObj = this.hass.states[this.entityId];
-    const oldStateObj = oldHass?.states[this.entityId];
-
-    if (
-      changedProps.has("entityId") ||
-      (oldHass && newStateObj !== oldStateObj)
-    ) {
       this._stateHistory = undefined;
       this._entries = undefined;