diff --git a/src/panels/config/repairs/dialog-repairs-issue.ts b/src/panels/config/repairs/dialog-repairs-issue.ts
index 88054fc805..7e542d6125 100644
--- a/src/panels/config/repairs/dialog-repairs-issue.ts
+++ b/src/panels/config/repairs/dialog-repairs-issue.ts
@@ -45,7 +45,9 @@ class DialogRepairsIssue extends LitElement {
.heading=${createCloseHeading(
this.hass,
this.hass.localize(
- `component.${this._issue.domain}.issues.${this._issue.issue_id}.title`
+ `component.${this._issue.domain}.issues.${
+ this._issue.translation_key || this._issue.issue_id
+ }.title`
) || this.hass!.localize("ui.panel.config.repairs.dialog.title")
)}
>
@@ -54,8 +56,9 @@ class DialogRepairsIssue extends LitElement {
? html`${this._error}`
: ""}
${this.hass.localize(
- `component.${this._issue.domain}.issues.${this._issue.issue_id}.${
- this._issue.translation_key || "description"
+ `component.${this._issue.domain}.issues.${
+ this._issue.translation_key || this._issue.issue_id
+ }.description
}`,
this._issue.translation_placeholders
)}
diff --git a/src/panels/config/repairs/ha-config-repairs.ts b/src/panels/config/repairs/ha-config-repairs.ts
index 625753ac2c..02463e64c8 100644
--- a/src/panels/config/repairs/ha-config-repairs.ts
+++ b/src/panels/config/repairs/ha-config-repairs.ts
@@ -63,7 +63,9 @@ class HaConfigRepairs extends LitElement {
/>
${this.hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.title`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.title`
)}
diff --git a/src/panels/config/repairs/show-dialog-repair-flow.ts b/src/panels/config/repairs/show-dialog-repair-flow.ts
index 837ad1a9fa..e16fa8af32 100644
--- a/src/panels/config/repairs/show-dialog-repair-flow.ts
+++ b/src/panels/config/repairs/show-dialog-repair-flow.ts
@@ -65,14 +65,18 @@ export const showRepairsFlowDialog = (
renderShowFormStepHeader(hass, step) {
return (
hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.title`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.title`
) || hass.localize(`ui.dialogs.issues_flow.form.header`)
);
},
renderShowFormStepDescription(hass, step) {
const description = hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.description`,
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.description`,
step.description_placeholders
);
return description
@@ -88,19 +92,25 @@ export const showRepairsFlowDialog = (
renderShowFormStepFieldLabel(hass, step, field) {
return hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.data.${field.name}`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.data.${field.name}`
);
},
renderShowFormStepFieldHelper(hass, step, field) {
return hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.data_description.${field.name}`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.data_description.${field.name}`
);
},
renderShowFormStepFieldError(hass, step, error) {
return hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.error.${error}`,
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.error.${error}`,
step.description_placeholders
);
},
@@ -122,14 +132,18 @@ export const showRepairsFlowDialog = (
renderShowFormProgressHeader(hass, step) {
return (
hass.localize(
- `component.${issue.domain}.issues.step.${issue.issue_id}.fix_flow.${step.step_id}.title`
+ `component.${issue.domain}.issues.step.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.${step.step_id}.title`
) || hass.localize(`component.${issue.domain}.title`)
);
},
renderShowFormProgressDescription(hass, step) {
const description = hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.progress.${step.progress_action}`,
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.progress.${step.progress_action}`,
step.description_placeholders
);
return description
@@ -146,14 +160,18 @@ export const showRepairsFlowDialog = (
renderMenuHeader(hass, step) {
return (
hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.title`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.title`
) || hass.localize(`component.${issue.domain}.title`)
);
},
renderMenuDescription(hass, step) {
const description = hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.description`,
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.description`,
step.description_placeholders
);
return description
@@ -169,7 +187,9 @@ export const showRepairsFlowDialog = (
renderMenuOption(hass, step, option) {
return hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.step.${step.step_id}.menu_issues.${option}`,
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.step.${step.step_id}.menu_issues.${option}`,
step.description_placeholders
);
},
@@ -177,7 +197,9 @@ export const showRepairsFlowDialog = (
renderLoadingDescription(hass, reason) {
return (
hass.localize(
- `component.${issue.domain}.issues.${issue.issue_id}.fix_flow.loading`
+ `component.${issue.domain}.issues.${
+ issue.translation_key || issue.issue_id
+ }.fix_flow.loading`
) ||
hass.localize(`ui.dialogs.repairs.loading.${reason}`, {
integration: domainToName(hass.localize, issue.domain),