diff --git a/src/dialogs/config-flow/dialog-data-entry-flow.ts b/src/dialogs/config-flow/dialog-data-entry-flow.ts
index 2ff2a75f55..1f79a1bfc1 100644
--- a/src/dialogs/config-flow/dialog-data-entry-flow.ts
+++ b/src/dialogs/config-flow/dialog-data-entry-flow.ts
@@ -130,7 +130,11 @@ class DataEntryFlowDialog extends LitElement {
>
${this._loading || (this._step === null && this._handlers === undefined)
? html`
-
+
`
: this._step === undefined
? // When we are going to next step, we render 1 round of empty
diff --git a/src/dialogs/config-flow/step-flow-loading.ts b/src/dialogs/config-flow/step-flow-loading.ts
index 6df00345ca..ce6ffd2f13 100644
--- a/src/dialogs/config-flow/step-flow-loading.ts
+++ b/src/dialogs/config-flow/step-flow-loading.ts
@@ -5,14 +5,22 @@ import {
css,
customElement,
CSSResult,
+ property,
} from "lit-element";
import "@polymer/paper-spinner/paper-spinner-lite";
@customElement("step-flow-loading")
class StepFlowLoading extends LitElement {
+ @property() public label?: string;
+
protected render(): TemplateResult {
return html`
+ ${this.label
+ ? html`
+
${this.label}
+ `
+ : ""}
`;
diff --git a/src/translations/en.json b/src/translations/en.json
index c1c628a10d..5b770289d5 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1638,7 +1638,8 @@
"external_step": {
"description": "This step requires you to visit an external website to be completed.",
"open_site": "Open website"
- }
+ },
+ "loading_first_time": "Please wait while the integration is being installed"
}
},
"users": {