From ce2743a9822d8bffb8e78e0825cb07caa40212d7 Mon Sep 17 00:00:00 2001
From: "David F. Mulcahey" <david.mulcahey@me.com>
Date: Fri, 30 Apr 2021 12:59:06 -0400
Subject: [PATCH] Move ZHA config panel section translations to backend (#9018)

---
 src/data/translation.ts                                   | 1 +
 .../integration-panels/zha/zha-config-dashboard.ts        | 8 ++++----
 src/translations/en.json                                  | 7 +------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/data/translation.ts b/src/data/translation.ts
index bc6603c5c2..d2fc74e560 100644
--- a/src/data/translation.ts
+++ b/src/data/translation.ts
@@ -25,6 +25,7 @@ export type TranslationCategory =
   | "title"
   | "state"
   | "config"
+  | "config_panel"
   | "options"
   | "device_automation"
   | "mfa_setup"
diff --git a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
index 5fc0a889f9..fd67ae4c04 100644
--- a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
+++ b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts
@@ -63,6 +63,7 @@ class ZHAConfigDashboard extends LitElement {
   protected firstUpdated(changedProperties: PropertyValues): void {
     super.firstUpdated(changedProperties);
     if (this.hass) {
+      this.hass.loadBackendTranslation("config_panel", "zha", false);
       this._fetchConfiguration();
     }
   }
@@ -108,7 +109,7 @@ class ZHAConfigDashboard extends LitElement {
           ? Object.entries(this._configuration.schemas).map(
               ([section, schema]) => html` <ha-card
                 header=${this.hass.localize(
-                  `ui.panel.config.zha.configuration_page.${section}.title`
+                  `component.zha.config_panel.${section}.title`
                 )}
               >
                 <div class="card-content">
@@ -164,9 +165,8 @@ class ZHAConfigDashboard extends LitElement {
   private _computeLabelCallback(localize, section: string) {
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
-      localize(
-        `ui.panel.config.zha.configuration_page.${section}.${schema.name}`
-      ) || schema.name;
+      localize(`component.zha.config_panel.${section}.${schema.name}`) ||
+      schema.name;
   }
 
   static get styles(): CSSResultArray {
diff --git a/src/translations/en.json b/src/translations/en.json
index ccc0c3a785..4751425817 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2382,12 +2382,7 @@
           },
           "configuration_page": {
             "shortcuts_title": "Shortcuts",
-            "update_button": "Update Configuration",
-            "zha_options": {
-              "title": "Global Options",
-              "enable_identify_on_join": "Enable identify effect when devices join the network",
-              "default_light_transition": "Default light transition time (seconds)"
-            }
+            "update_button": "Update Configuration"
           },
           "add_device_page": {
             "spinner": "Searching for ZHA Zigbee devices...",