diff --git a/src/panels/config/cloud/account/cloud-account.js b/src/panels/config/cloud/account/cloud-account.js
index ae3d8823ca..9670794dfc 100644
--- a/src/panels/config/cloud/account/cloud-account.js
+++ b/src/panels/config/cloud/account/cloud-account.js
@@ -92,7 +92,9 @@ class CloudAccount extends EventsMixin(LocalizeMixin(PolymerElement)) {
[[localize('ui.panel.config.cloud.account.connection_status')]]
-
[[cloudStatus.cloud]]
+
+ [[_computeConnectionStatus(cloudStatus.cloud)]]
+
@@ -189,10 +191,12 @@ class CloudAccount extends EventsMixin(LocalizeMixin(PolymerElement)) {
this._fetchSubscriptionInfo();
}
- _computeRemoteConnected(connected) {
- return connected
+ _computeConnectionStatus(status) {
+ return status === "connected"
? this.hass.localize("ui.panel.config.cloud.account.connected")
- : this.hass.localize("ui.panel.config.cloud.account.not_connected");
+ : status === "disconnected"
+ ? this.hass.localize("ui.panel.config.cloud.account.not_connected")
+ : this.hass.localize("ui.panel.config.cloud.account.connecting");
}
async _fetchSubscriptionInfo() {
diff --git a/src/translations/en.json b/src/translations/en.json
index 255c6ed7a4..f25ae07695 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -1780,6 +1780,7 @@
"integrations_introduction2": "Check the website for ",
"integrations_link_all_features": " all available features",
"connected": "Connected",
+ "connecting": "Connecting...",
"not_connected": "Not Connected",
"fetching_subscription": "Fetching subscription...",
"tts": {