From f263a5221da7e98fa7117bd3dabb6b1acc93f527 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Mon, 1 Mar 2021 12:40:52 +0100
Subject: [PATCH] Adjust header and wording in update dialogs (#8476)

---
 .../addon/dialog-supervisor-addon-update.ts   | 25 ++++++++++---------
 .../core/dialog-supervisor-core-update.ts     | 18 ++++++-------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/hassio/src/dialogs/addon/dialog-supervisor-addon-update.ts b/hassio/src/dialogs/addon/dialog-supervisor-addon-update.ts
index 20ac453060..bc7f8ad625 100644
--- a/hassio/src/dialogs/addon/dialog-supervisor-addon-update.ts
+++ b/hassio/src/dialogs/addon/dialog-supervisor-addon-update.ts
@@ -63,16 +63,16 @@ class DialogSupervisorAddonUpdate extends LitElement {
 
   protected render(): TemplateResult {
     return html`
-      <ha-dialog
-        .heading="Update ${this.addon.name}"
-        .open=${this._opened}
-        scrimClickAction
-        escapeKeyAction
-      >
+      <ha-dialog .open=${this._opened} scrimClickAction escapeKeyAction>
         ${this._action === null
-          ? html`<div>
-                Are you sure you want to update this add-on to version
-                ${this.addon.version_latest}?
+          ? html`<slot name="heading">
+                <h2 id="title" class="header_title">
+                  Update ${this.addon.name}
+                </h2>
+              </slot>
+              <div>
+                Are you sure you want to update the ${this.addon.name} add-on to
+                version ${this.addon.version_latest}?
               </div>
 
               <ha-settings-row>
@@ -80,7 +80,8 @@ class DialogSupervisorAddonUpdate extends LitElement {
                   Snapshot
                 </span>
                 <span slot="description">
-                  Create a snapshot of the add-on before updating
+                  Create a snapshot of the ${this.addon.name} add-on before
+                  updating
                 </span>
                 <ha-switch
                   .checked=${this._createSnapshot}
@@ -100,8 +101,8 @@ class DialogSupervisorAddonUpdate extends LitElement {
               </ha-circular-progress>
               <p class="progress-text">
                 ${this._action === "update"
-                  ? `Update to version ${this.addon.version_latest} in progress`
-                  : "Creating snapshot in progress"}
+                  ? `Updating ${this.addon.name} to version ${this.addon.version_latest}`
+                  : "Creating snapshot of Home Assistant Core"}
               </p>`}
         ${this._error ? html`<p class="error">${this._error}</p>` : ""}
       </ha-dialog>
diff --git a/hassio/src/dialogs/core/dialog-supervisor-core-update.ts b/hassio/src/dialogs/core/dialog-supervisor-core-update.ts
index 0b1453c397..99c0bddcdd 100644
--- a/hassio/src/dialogs/core/dialog-supervisor-core-update.ts
+++ b/hassio/src/dialogs/core/dialog-supervisor-core-update.ts
@@ -61,14 +61,14 @@ class DialogSupervisorCoreUpdate extends LitElement {
 
   protected render(): TemplateResult {
     return html`
-      <ha-dialog
-        .open=${this._opened}
-        heading="Update Home Assistant Core"
-        scrimClickAction
-        escapeKeyAction
-      >
+      <ha-dialog .open=${this._opened} scrimClickAction escapeKeyAction>
         ${this._action === null
-          ? html`<div>
+          ? html`<slot name="heading">
+                <h2 id="title" class="header_title">
+                  Update Home Assistant Core
+                </h2>
+              </slot>
+              <div>
                 Are you sure you want to update Home Assistant Core to version
                 ${this.core.version_latest}?
               </div>
@@ -98,8 +98,8 @@ class DialogSupervisorCoreUpdate extends LitElement {
               </ha-circular-progress>
               <p class="progress-text">
                 ${this._action === "update"
-                  ? `Update to version ${this.core.version_latest} in progress`
-                  : "Creating snapshot in progress"}
+                  ? `Updating Home Assistant Core to version ${this.core.version_latest}`
+                  : "Creating snapshot of Home Assistant Core"}
               </p>`}
         ${this._error ? html`<p class="error">${this._error}</p>` : ""}
       </ha-dialog>