Use component to ensure relative-time in Glance card gets updated (#10666)

This commit is contained in:
Philip Allgaier 2021-11-22 11:12:04 +01:00 committed by GitHub
parent 3c67fc96b1
commit d28ad17135
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,7 +9,6 @@ import {
import { customElement, property, state } from "lit/decorators";
import { classMap } from "lit/directives/class-map";
import { ifDefined } from "lit/directives/if-defined";
import { relativeTime } from "../../../common/datetime/relative_time";
import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_element";
import { computeDomain } from "../../../common/entity/compute_domain";
import { computeStateDisplay } from "../../../common/entity/compute_state_display";
@ -17,6 +16,7 @@ import { computeStateName } from "../../../common/entity/compute_state_name";
import "../../../components/entity/state-badge";
import "../../../components/ha-card";
import "../../../components/ha-icon";
import "../../../components/ha-relative-time";
import { UNAVAILABLE_STATES } from "../../../data/entity";
import {
ActionHandlerEvent,
@ -325,10 +325,13 @@ export class HuiGlanceCard extends LitElement implements LovelaceCard {
></hui-timestamp-display>
`
: entityConf.show_last_changed
? relativeTime(
new Date(stateObj.last_changed),
this.hass!.locale
)
? html`
<ha-relative-time
.hass=${this.hass}
.datetime=${stateObj.last_changed}
capitalize
></ha-relative-time>
`
: computeStateDisplay(
this.hass!.localize,
stateObj,