feature: make it possible to hide the browse media button

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

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;
+      }
     `;
   }
 }

src/editor/advanced-editor.ts

@@ -10,6 +10,10 @@ export const ADVANCED_SCHEMA = [
     name: 'dynamicVolumeSlider',
     selector: { boolean: {} },
   },
+  {
+    name: 'hideBrowseMediaButton',
+    selector: { boolean: {} },
+  },
 
   {
     type: 'string',

src/types.ts

@@ -43,6 +43,7 @@ export interface CardConfig extends LovelaceCardConfig {
   mediaBrowserShowTitleForThumbnailIcons?: boolean;
   topFavorites?: string[];
   numberOfFavoritesToShow?: number;
+  hideBrowseMediaButton?: boolean;
 }
 
 export interface MediaArtworkOverride {