From 8d0508f3207d23f5f4a58da24b56b660c387eb88 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Wed, 18 Mar 2020 15:33:36 -0400
Subject: [PATCH] Unused Entities: Only Show Fab when selection is made (#5248)

* Only Show Fab when selection is made

* reviews
---
 .../unused-entities/hui-unused-entities.ts    | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/panels/lovelace/editor/unused-entities/hui-unused-entities.ts b/src/panels/lovelace/editor/unused-entities/hui-unused-entities.ts
index 2535949f8d..824012984d 100644
--- a/src/panels/lovelace/editor/unused-entities/hui-unused-entities.ts
+++ b/src/panels/lovelace/editor/unused-entities/hui-unused-entities.ts
@@ -47,7 +47,7 @@ export class HuiUnusedEntities extends LitElement {
 
   @property() private _unusedEntities: string[] = [];
 
-  private _selectedEntities: string[] = [];
+  @property() private _selectedEntities: string[] = [];
 
   private get _config(): LovelaceConfig {
     return this.lovelace!.config;
@@ -179,14 +179,20 @@ export class HuiUnusedEntities extends LitElement {
         @selection-changed=${this._handleSelectionChanged}
       ></ha-data-table>
 
-      <ha-fab
-        class="${classMap({
-          rtl: computeRTL(this.hass),
-        })}"
-        icon="hass:plus"
-        label="${this.hass.localize("ui.panel.lovelace.editor.edit_card.add")}"
-        @click="${this._addToLovelaceView}"
-      ></ha-fab>
+      ${this._selectedEntities.length
+        ? html`
+            <ha-fab
+              class="${classMap({
+                rtl: computeRTL(this.hass),
+              })}"
+              icon="hass:plus"
+              .label=${this.hass.localize(
+                "ui.panel.lovelace.editor.edit_card.add"
+              )}
+              @click=${this._addToLovelaceView}
+            ></ha-fab>
+          `
+        : ""}
     `;
   }