From c31016f1ac67bfaff0c6db9100af5d3810be206f Mon Sep 17 00:00:00 2001
From: Johan Frick <johan.frick@gmail.com>
Date: Sun, 17 Dec 2023 17:20:31 +0100
Subject: [PATCH] feature: make it possible to hide the browse media button

---
 README.md                              | 1 +
 src/components/media-browser-header.ts | 8 ++++++--
 src/editor/advanced-editor.ts          | 4 ++++
 src/types.ts                           | 1 +
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index c1925b6e..01b6cb73 100644
--- a/README.md
+++ b/README.md
@@ -155,6 +155,7 @@ topFavorites: # Show these favorites at the top of the list
   - Country Rocks
   - Kacey Musgraves Radio
 numberOfFavoritesToShow: 10 # Use this to limit the amount of favorites to show
+hideBrowseMediaButton: true # default is false. Hides the button to open the media browser.
 ```
 
 ## Using individual section cards
diff --git a/src/components/media-browser-header.ts b/src/components/media-browser-header.ts
index 988185a0..1b88f023 100644
--- a/src/components/media-browser-header.ts
+++ b/src/components/media-browser-header.ts
@@ -1,15 +1,16 @@
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { MediaPlayerEntityFeature } from '../types';
 import Store from '../model/store';
 
 class MediaBrowserHeader extends LitElement {
-  @property({attribute: false}) store!: Store;
+  @property({ attribute: false }) store!: Store;
 
   render() {
     return html`
       <div class="title">All Favorites</div>
       <sonos-ha-player
+        hide=${this.store.config.hideBrowseMediaButton || nothing}
         .store=${this.store}
         .features=${[MediaPlayerEntityFeature.BROWSE_MEDIA]}
         class="browse"
@@ -35,6 +36,9 @@ class MediaBrowserHeader extends LitElement {
       .browse {
         margin: 0.5rem;
       }
+      *[hide] {
+        display: none;
+      }
     `;
   }
 }
diff --git a/src/editor/advanced-editor.ts b/src/editor/advanced-editor.ts
index e281b693..3ed7e9d0 100644
--- a/src/editor/advanced-editor.ts
+++ b/src/editor/advanced-editor.ts
@@ -10,6 +10,10 @@ export const ADVANCED_SCHEMA = [
     name: 'dynamicVolumeSlider',
     selector: { boolean: {} },
   },
+  {
+    name: 'hideBrowseMediaButton',
+    selector: { boolean: {} },
+  },
 
   {
     type: 'string',
diff --git a/src/types.ts b/src/types.ts
index 1750423f..86e27199 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -43,6 +43,7 @@ export interface CardConfig extends LovelaceCardConfig {
   mediaBrowserShowTitleForThumbnailIcons?: boolean;
   topFavorites?: string[];
   numberOfFavoritesToShow?: number;
+  hideBrowseMediaButton?: boolean;
 }
 
 export interface MediaArtworkOverride {