From ca1dacd62164bc2e73a4b3327e084168934f4021 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Fri, 18 Sep 2020 14:51:02 -0500
Subject: [PATCH] Update to actually set loading

---
 src/components/media-player/ha-media-player-browse.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 02cb713aa5..e8b42a973c 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -22,6 +22,7 @@ import { styleMap } from "lit-html/directives/style-map";
 import { fireEvent } from "../../common/dom/fire_event";
 import { computeRTLDirection } from "../../common/util/compute_rtl";
 import { debounce } from "../../common/util/debounce";
+import type { MediaPlayerItem } from "../../data/media-player";
 import {
   browseLocalMediaPlayer,
   browseMediaPlayer,
@@ -30,7 +31,6 @@ import {
   MediaPickedEvent,
   MediaPlayerBrowseAction,
 } from "../../data/media-player";
-import type { MediaPlayerItem } from "../../data/media-player";
 import { showAlertDialog } from "../../dialogs/generic/show-dialog-box";
 import { installResizeObserver } from "../../panels/lovelace/common/install-resize-observer";
 import { haStyle } from "../../resources/styles";
@@ -480,6 +480,7 @@ export class HaMediaPlayerBrowse extends LitElement {
     mediaContentId?: string,
     mediaContentType?: string
   ): Promise<MediaPlayerItem> {
+    this._loading = true;
     const itemData =
       this.entityId !== BROWSER_PLAYER
         ? await browseMediaPlayer(
@@ -490,6 +491,7 @@ export class HaMediaPlayerBrowse extends LitElement {
           )
         : await browseLocalMediaPlayer(this.hass, mediaContentId);
 
+    this._loading = false;
     return itemData;
   }
 
@@ -566,6 +568,13 @@ export class HaMediaPlayerBrowse extends LitElement {
           flex-direction: column;
         }
 
+        ha-circular-progress {
+          --mdc-theme-primary: var(--primary-color);
+          display: flex;
+          justify-content: center;
+          margin-top: 40px;
+        }
+
         .container {
           padding: 16px;
         }