diff --git a/src/panels/config/application_credentials/dialog-add-application-credential.ts b/src/panels/config/application_credentials/dialog-add-application-credential.ts index 670c33a57e..542fe41c0b 100644 --- a/src/panels/config/application_credentials/dialog-add-application-credential.ts +++ b/src/panels/config/application_credentials/dialog-add-application-credential.ts @@ -73,7 +73,10 @@ export class DialogAddApplicationCredential extends LitElement { id: domain, name: domainToName(this.hass.localize, domain), })); - this.hass.loadBackendTranslation("application_credentials"); + await this.hass.loadBackendTranslation("application_credentials"); + if (this._domain !== "") { + this._updateDescription(); + } } protected render(): TemplateResult { @@ -182,9 +185,13 @@ export class DialogAddApplicationCredential extends LitElement { fireEvent(this, "dialog-closed", { dialog: this.localName }); } - private async _handleDomainPicked(ev: CustomEvent) { + private _handleDomainPicked(ev: CustomEvent) { ev.stopPropagation(); this._domain = ev.detail.value; + this._updateDescription(); + } + + private _updateDescription() { const info = this._config!.integrations[this._domain!]; this._description = this.hass.localize( `component.${this._domain}.application_credentials.description`,