diff --git a/src/panels/config/repairs/dialog-repairs-issue.ts b/src/panels/config/repairs/dialog-repairs-issue.ts
index 9f69185722..f974641a96 100644
--- a/src/panels/config/repairs/dialog-repairs-issue.ts
+++ b/src/panels/config/repairs/dialog-repairs-issue.ts
@@ -84,6 +84,19 @@ class DialogRepairsIssue extends LitElement {
>
`
: ""}
+
+ ${this.hass.localize(
+ `ui.panel.config.repairs.${this._issue.severity}`
+ )}
+
+ -
+ ${this._issue.created
+ ? new Date(this._issue.created).toLocaleDateString(
+ this.hass.language
+ )
+ : ""}
+
${this._issue.learn_more_url
? html`
@@ -130,6 +143,18 @@ class DialogRepairsIssue extends LitElement {
.dismissed {
font-style: italic;
}
+ .secondary {
+ margin-top: 8px;
+ text-align: right;
+ color: var(--secondary-text-color);
+ }
+ .error,
+ .critical {
+ color: var(--error-color);
+ }
+ .warning {
+ color: var(--warning-color);
+ }
`,
];
}
diff --git a/src/panels/config/repairs/ha-config-repairs.ts b/src/panels/config/repairs/ha-config-repairs.ts
index 2b8d35df23..2cadd4a9b9 100644
--- a/src/panels/config/repairs/ha-config-repairs.ts
+++ b/src/panels/config/repairs/ha-config-repairs.ts
@@ -2,6 +2,7 @@ import "@material/mwc-list/mwc-list";
import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators";
import { relativeTime } from "../../../common/datetime/relative_time";
+import { capitalizeFirstLetter } from "../../../common/string/capitalize-first-letter";
import "../../../components/ha-alert";
import "../../../components/ha-card";
import "../../../components/ha-list-item";
@@ -71,8 +72,22 @@ class HaConfigRepairs extends LitElement {
)}
+ ${issue.severity === "critical" || issue.severity === "error"
+ ? html`${this.hass.localize(
+ `ui.panel.config.repairs.${issue.severity}`
+ )}`
+ : ""}
+ ${(issue.severity === "critical" ||
+ issue.severity === "error") &&
+ issue.created
+ ? " - "
+ : ""}
${issue.created
- ? relativeTime(new Date(issue.created), this.hass.locale)
+ ? capitalizeFirstLetter(
+ relativeTime(new Date(issue.created), this.hass.locale)
+ )
: ""}
${issue.ignored
? ` - ${this.hass.localize(
@@ -137,6 +152,9 @@ class HaConfigRepairs extends LitElement {
cursor: pointer;
font-size: 16px;
}
+ .error {
+ color: var(--error-color);
+ }
`;
}
diff --git a/src/translations/en.json b/src/translations/en.json
index 6ef64b1060..13084e5d84 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1244,7 +1244,7 @@
"learn": "Learn more",
"ignore": "Ignore",
"unignore": "Unignore",
- "breaks_in_version": "This will break in version {version}. Fix this issue before upgrading.",
+ "breaks_in_version": "This stops working in version {version}. Please address before upgrading.",
"ignored_in_version_short": "Ignored in version {version}",
"ignored_in_version": "This issue was ignored in version {version}."
}