diff --git a/src/onboarding/onboarding-integrations.ts b/src/onboarding/onboarding-integrations.ts index 12156a6ea8..2a9a4b039c 100644 --- a/src/onboarding/onboarding-integrations.ts +++ b/src/onboarding/onboarding-integrations.ts @@ -1,4 +1,3 @@ -import "@material/mwc-button/mwc-button"; import { UnsubscribeFunc } from "home-assistant-js-websocket"; import { CSSResultGroup, @@ -13,6 +12,7 @@ import { isComponentLoaded } from "../common/config/is_component_loaded"; import { fireEvent } from "../common/dom/fire_event"; import { stringCompare } from "../common/string/compare"; import { LocalizeFunc } from "../common/translations/localize"; +import "../components/ha-button"; import { ConfigEntry, subscribeConfigEntries } from "../data/config_entries"; import { subscribeConfigFlowInProgress } from "../data/config_flow"; import { domainToName } from "../data/integration"; @@ -117,6 +117,30 @@ class OnboardingIntegrations extends SubscribeMixin(LitElement) { const foundIntegrations = domains.length; + // there is a possibility that the user has no integrations + if (foundIntegrations === 0) { + return html` +
++ ${this.onboardingLocalize( + "ui.panel.page-onboarding.integration.lets_start" + )} +
+ + `; + } + if (domains.length > 12) { domains = domains.slice(0, 11); } @@ -149,11 +173,11 @@ class OnboardingIntegrations extends SubscribeMixin(LitElement) { : nothing} `; } @@ -193,6 +217,10 @@ class OnboardingIntegrations extends SubscribeMixin(LitElement) { align-items: center; height: 100%; } + .all-set-icon { + font-size: 64px; + text-align: center; + } `, ]; } diff --git a/src/translations/en.json b/src/translations/en.json index 6f5f252572..9c32977c61 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -7090,7 +7090,9 @@ "header": "We found compatible devices!", "intro": "These are found on your local network. Some are already added, others may need extra configuration.", "more_integrations": "+{count} more", - "finish": "Finish" + "finish": "Finish", + "all_set": "All set!", + "lets_start": "Let’s start your private smart home adventure." }, "analytics": { "header": "Help us help you",