diff --git a/src/components/ha-alert.ts b/src/components/ha-alert.ts index 22d9d6e38a..bc970e8eaf 100644 --- a/src/components/ha-alert.ts +++ b/src/components/ha-alert.ts @@ -8,6 +8,7 @@ import { import { css, html, LitElement, nothing } from "lit"; import { customElement, property } from "lit/decorators"; import { classMap } from "lit/directives/class-map"; +import type { LocalizeFunc } from "../common/translations/localize"; import { fireEvent } from "../common/dom/fire_event"; import "./ha-icon-button"; import "./ha-svg-icon"; @@ -38,6 +39,8 @@ class HaAlert extends LitElement { @property({ type: Boolean }) public dismissable = false; + @property({ attribute: false }) public localize?: LocalizeFunc; + @property({ type: Boolean }) public narrow = false; public render() { @@ -65,7 +68,7 @@ class HaAlert extends LitElement { ${this.dismissable ? html`` : nothing} diff --git a/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts b/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts index ca9dd35d5a..6bf498ce08 100644 --- a/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts +++ b/src/panels/lovelace/cards/energy/hui-energy-compare-card.ts @@ -143,7 +143,11 @@ export class HuiEnergyCompareCard ); return html` - + ${this.hass.localize( "ui.panel.lovelace.cards.energy.energy_compare.info", { diff --git a/src/translations/en.json b/src/translations/en.json index 2993ae671c..36e20fac08 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -443,6 +443,7 @@ "update": "Update", "hide": "Hide", "close": "Close", + "dismiss_alert": "Dismiss alert", "clear": "Clear", "leave": "Leave", "stay": "Stay",