diff --git a/src/dialogs/config-flow/dialog-data-entry-flow.ts b/src/dialogs/config-flow/dialog-data-entry-flow.ts index abe31c81be..243b879334 100644 --- a/src/dialogs/config-flow/dialog-data-entry-flow.ts +++ b/src/dialogs/config-flow/dialog-data-entry-flow.ts @@ -232,7 +232,6 @@ class DataEntryFlowDialog extends LitElement { ` diff --git a/src/dialogs/config-flow/step-flow-pick-handler.ts b/src/dialogs/config-flow/step-flow-pick-handler.ts index 421478857c..00977e462e 100644 --- a/src/dialogs/config-flow/step-flow-pick-handler.ts +++ b/src/dialogs/config-flow/step-flow-pick-handler.ts @@ -3,7 +3,6 @@ import "@polymer/paper-item/paper-item-body"; import Fuse from "fuse.js"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { customElement, property, state } from "lit/decorators"; -import { classMap } from "lit/directives/class-map"; import { styleMap } from "lit/directives/style-map"; import memoizeOne from "memoize-one"; import { fireEvent } from "../../common/dom/fire_event"; @@ -34,9 +33,7 @@ declare global { class StepFlowPickHandler extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; - @property() public handlers!: string[]; - - @property() public showAdvanced?: boolean; + @property({ attribute: false }) public handlers!: string[]; @state() private _filter?: string; @@ -87,47 +84,50 @@ class StepFlowPickHandler extends LitElement { width: `${this._width}px`, height: `${this._height}px`, })} - class=${classMap({ advanced: Boolean(this.showAdvanced) })} > - ${handlers.map( - (handler: HandlerObj) => - html` - - + ${handlers.length + ? handlers.map( + (handler: HandlerObj) => + html` + + - ${handler.name} - - - ` - )} + ${handler.name} + + + ` + ) + : html` +

+ ${this.hass.localize( + "ui.panel.config.integrations.note_about_integrations" + )}
+ ${this.hass.localize( + "ui.panel.config.integrations.note_about_website_reference" + )}${this.hass.localize( + "ui.panel.config.integrations.home_assistant_website" + )}. +

+ `} - ${this.showAdvanced - ? html` -

- ${this.hass.localize( - "ui.panel.config.integrations.note_about_integrations" - )}
- ${this.hass.localize( - "ui.panel.config.integrations.note_about_website_reference" - )}${this.hass.localize( - "ui.panel.config.integrations.home_assistant_website" - )}. -

- ` - : ""} `; } @@ -193,9 +193,6 @@ class StepFlowPickHandler extends LitElement { div { max-height: calc(100vh - 134px); } - div.advanced { - max-height: calc(100vh - 250px); - } } paper-icon-item { cursor: pointer; diff --git a/src/translations/en.json b/src/translations/en.json index dfb95a0586..c5bc152a6a 100755 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -2121,7 +2121,7 @@ "confirm_new": "Do you want to set up {integration}?", "add_integration": "Add integration", "no_integrations": "Seems like you don't have any integrations configured yet. Click on the button below to add your first integration!", - "note_about_integrations": "Not all integrations can be configured via the UI yet.", + "note_about_integrations": "No integrations matched your search, the integration you want to set up might not be available to set up via the UI yet.", "note_about_website_reference": "More are available on the ", "home_assistant_website": "Home Assistant website", "configure": "Configure",