From 009dc3e4b92cc7a85584ab7c4591bf4426ae3699 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 7 Jan 2024 19:57:26 +0100
Subject: [PATCH] refactor(portals): hide categories when portal is invalid

---
 .../navigation-bar.component.html             | 33 +++++++++----------
 .../navigation-bar.component.ts               |  1 +
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/xtream/navigation-bar/navigation-bar.component.html b/src/app/xtream/navigation-bar/navigation-bar.component.html
index 1cbfe90e7..a70c293d5 100644
--- a/src/app/xtream/navigation-bar/navigation-bar.component.html
+++ b/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
diff --git a/src/app/xtream/navigation-bar/navigation-bar.component.ts b/src/app/xtream/navigation-bar/navigation-bar.component.ts
index 9c7477d88..3e7e7142f 100644
--- a/src/app/xtream/navigation-bar/navigation-bar.component.ts
+++ b/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>();