From e751abd77542f8c8fda5d8f7f5d17611ee45e34a Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Mon, 11 Apr 2022 16:06:29 +0200
Subject: [PATCH] Prevent empty brackets if no manufacturer during config entry
 creation (#12288)

---
 src/dialogs/config-flow/step-flow-create-entry.ts | 15 ++++++++++++---
 src/translations/en.json                          |  2 ++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/dialogs/config-flow/step-flow-create-entry.ts b/src/dialogs/config-flow/step-flow-create-entry.ts
index 6431bcc48b..32fb7f09cb 100644
--- a/src/dialogs/config-flow/step-flow-create-entry.ts
+++ b/src/dialogs/config-flow/step-flow-create-entry.ts
@@ -28,7 +28,7 @@ class StepFlowCreateEntry extends LitElement {
     const localize = this.hass.localize;
 
     return html`
-      <h2>Success!</h2>
+      <h2>${localize("ui.panel.config.integrations.config_flow.success")}!</h2>
       <div class="content">
         ${this.flowConfig.renderCreateEntryDescription(this.hass, this.step)}
         ${this.step.result?.state === "not_loaded"
@@ -41,7 +41,11 @@ class StepFlowCreateEntry extends LitElement {
         ${this.devices.length === 0
           ? ""
           : html`
-              <p>We found the following devices:</p>
+              <p>
+                ${localize(
+                  "ui.panel.config.integrations.config_flow.found_following_devices"
+                )}:
+              </p>
               <div class="devices">
                 ${this.devices.map(
                   (device) =>
@@ -49,7 +53,12 @@ class StepFlowCreateEntry extends LitElement {
                       <div class="device">
                         <div>
                           <b>${computeDeviceName(device, this.hass)}</b><br />
-                          ${device.model} (${device.manufacturer})
+                          ${!device.model && !device.manufacturer
+                            ? html`&nbsp;`
+                            : html`${device.model}
+                              ${device.manufacturer
+                                ? html`(${device.manufacturer})`
+                                : ""}`}
                         </div>
                         <ha-area-picker
                           .hass=${this.hass}
diff --git a/src/translations/en.json b/src/translations/en.json
index 30383cc444..f2d9fecf4d 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2711,12 +2711,14 @@
             "open_configuration_url": "Visit device"
           },
           "config_flow": {
+            "success": "Success",
             "aborted": "Aborted",
             "close": "Close",
             "dismiss": "Dismiss dialog",
             "finish": "Finish",
             "submit": "Submit",
             "next": "Next",
+            "found_following_devices": "We found the following devices",
             "no_config_flow": "This integration does not support configuration via the UI. If you followed this link from the Home Assistant website, make sure you run the latest version of Home Assistant.",
             "not_all_required_fields": "Not all required fields are filled in.",
             "error_saving_area": "Error saving area: {error}",