refactor(portals): hide categories when portal is invalid

src/app/xtream/navigation-bar/navigation-bar.component.html

@@ -3,24 +3,23 @@
         <mat-icon>home</mat-icon> Playlists
     </button>
 
-    <div>
-        <mat-button-toggle-group
-            name="contentType"
-            aria-label="Content Type"
-            [value]="contentType"
-            (change)="changeContentType($event.value)"
+    <mat-button-toggle-group
+        *ngIf="showCategories"
+        name="contentType"
+        aria-label="Content Type"
+        [value]="contentType"
+        (change)="changeContentType($event.value)"
+    >
+        <mat-button-toggle
+            *ngFor="
+                let item of contentTypeNavigationItems;
+                trackBy: trackByValue
+            "
+            [value]="item.contentType"
         >
-            <mat-button-toggle
-                *ngFor="
-                    let item of contentTypeNavigationItems;
-                    trackBy: trackByValue
-                "
-                [value]="item.contentType"
-            >
-                {{ item.label }}
-            </mat-button-toggle>
-        </mat-button-toggle-group>
-    </div>
+            {{ item.label }}
+        </mat-button-toggle>
+    </mat-button-toggle-group>
 
     <button mat-button (click)="favoritesClicked.emit()">
         <mat-icon>star</mat-icon> Favorites

src/app/xtream/navigation-bar/navigation-bar.component.ts

@@ -32,6 +32,7 @@ export class NavigationBarComponent {
     @Input() searchVisible = true;
     @Input() contentTypeNavigationItems: ContentTypeNavigationItem[];
     @Input() clientSideSearch = true;
+    @Input() showCategories = false;
 
     @Output() contentTypeChanged = new EventEmitter<ContentType>();
     @Output() breadcrumbClicked = new EventEmitter<Breadcrumb>();