Include name and version in already connected dialog if present (#24492)

* Include name and version in already connected dialog if present

* lint

* Apply suggestions from code review

* move

src/panels/config/cloud/dialog-cloud-already-connected/dialog-cloud-already-connected.ts

@@ -62,6 +62,26 @@ class DialogCloudAlreadyConnected extends LitElement {
           </b>
         </div>
         <div class="instance-details">
+          ${details.name
+            ? html`<div class="instance-detail">
+                <span>
+                  ${this.hass.localize(
+                    "ui.panel.config.cloud.dialog_already_connected.instance_name"
+                  )}:
+                </span>
+                <span>${details.name})}</span>
+              </div>`
+            : nothing}
+          ${details.version
+            ? html`<div class="instance-detail">
+                <span>
+                  ${this.hass.localize(
+                    "ui.panel.config.cloud.dialog_already_connected.instance_version"
+                  )}:
+                </span>
+                <span>${details.version})}</span>
+              </div>`
+            : nothing}
           <div class="instance-detail">
             <span>
               ${this.hass.localize(

src/panels/config/cloud/dialog-cloud-already-connected/show-dialog-cloud-already-connected.ts

@@ -4,6 +4,8 @@ export interface CloudAlreadyConnectedParams {
   details: {
     remote_ip_address: string;
     connected_at: string;
+    name?: string;
+    version?: string;
   };
   logInHereAction: () => void;
   closeDialog: () => void;

src/translations/en.json

@@ -4728,6 +4728,8 @@
             "heading": "Account linked to other Home Assistant",
             "description": "We noticed that another instance is currently connected to your Home Assistant Cloud account. Your Home Assistant Cloud account can only be signed into one Home Assistant instance at a time. If you log in here, the other instance will be disconnected along with its Cloud services.",
             "other_home_assistant": "Other Home Assistant",
+            "instance_name": "Instance name",
+            "instance_version": "Instance version",
             "ip_address": "IP Address",
             "connected_at": "Connected at",
             "obfuscated_ip": {