Fix select view dialog (#19267)

* Fix select view dialog * add import
home-assistant · Jan 4, 2024 · 0b20725 · 0b20725
1 parent 030566c
commit 0b20725
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/src/panels/lovelace/editor/select-view/hui-dialog-select-view.ts b/src/panels/lovelace/editor/select-view/hui-dialog-select-view.ts
@@ -8,6 +8,7 @@ import { stopPropagation } from "../../../../common/dom/stop_propagation";
 import { createCloseHeading } from "../../../../components/ha-dialog";
 import "../../../../components/ha-icon";
 import "../../../../components/ha-select";
+import "../../../../components/ha-alert";
 import {
   fetchConfig,
   LovelaceConfig,
@@ -104,8 +105,15 @@ export class HuiDialogSelectView extends LitElement {
               })}
             </ha-select>`
           : ""}
-        ${this._config
-          ? this._config.views.length > 1
+        ${!this._config || (this._config.views || []).length < 1
+          ? html`<ha-alert alert-type="error"
+              >${this.hass.localize(
+                this._config
+                  ? "ui.panel.lovelace.editor.select_view.no_views"
+                  : "ui.panel.lovelace.editor.select_view.no_config"
+              )}</ha-alert
+            >`
+          : this._config.views.length > 1
             ? html`
                 <mwc-list dialogInitialFocus>
                   ${this._config.views.map(
@@ -125,16 +133,19 @@ export class HuiDialogSelectView extends LitElement {
                   )}
                 </mwc-list>
               `
-            : ""
-          : html`<div>No config found.</div>`}
+            : ""}
         <mwc-button
           slot="secondaryAction"
           @click=${this.closeDialog}
           dialogInitialFocus
         >
           ${this.hass!.localize("ui.common.cancel")}
         </mwc-button>
-        <mwc-button slot="primaryAction" @click=${this._selectView}>
+        <mwc-button
+          slot="primaryAction"
+          .disabled=${!this._config || (this._config.views || []).length < 1}
+          @click=${this._selectView}
+        >
           ${this._params.actionLabel || this.hass!.localize("ui.common.move")}
         </mwc-button>
       </ha-dialog>

diff --git a/src/translations/en.json b/src/translations/en.json
@@ -5020,7 +5020,9 @@
           "select_view": {
             "header": "Choose a view",
             "dashboard_label": "Dashboard",
-            "views_label": "View"
+            "views_label": "View",
+            "no_config": "No config found.",
+            "no_views": "No views in this dashboard."
           },
           "suggest_card": {
             "header": "We created a suggestion for you",