From afbcf5fc58435c2b26ed825e01499c4d20035ed3 Mon Sep 17 00:00:00 2001
From: 4gray <4gray@users.noreply.github.com>
Date: Sat, 1 Jul 2023 22:57:14 +0200
Subject: [PATCH] refactor: add link to navigate back if playlist is empty

---
 .../components/video-player/video-player.component.html    | 3 ++-
 .../components/video-player/video-player.component.ts      | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/player/components/video-player/video-player.component.html b/src/app/player/components/video-player/video-player.component.html
index ff78276e8..da14358be 100644
--- a/src/app/player/components/video-player/video-player.component.html
+++ b/src/app/player/components/video-player/video-player.component.html
@@ -2,8 +2,9 @@
     <!-- sidebar content -->
     <mat-drawer #drawer mode="side" opened disableClose>
         <app-sidebar
-            *ngIf="channels$ | async as channels"
+            *ngIf="(channels$ | async) as channels; else noChannels"
             [channels]="channels" />
+            <ng-template #noChannels>No channels <br /> <button mat-button color="secondary" (click)="navigateHome()">Go back</button></ng-template>
     </mat-drawer>
     <mat-drawer-content>
         <ng-container *ngIf="activeChannel$ | async as activeChannel">
diff --git a/src/app/player/components/video-player/video-player.component.ts b/src/app/player/components/video-player/video-player.component.ts
index ec744bcb5..1447f3df6 100644
--- a/src/app/player/components/video-player/video-player.component.ts
+++ b/src/app/player/components/video-player/video-player.component.ts
@@ -9,7 +9,7 @@ import {
     OnInit,
 } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import { Observable, combineLatestWith, filter, map, switchMap } from 'rxjs';
@@ -108,6 +108,7 @@ export class VideoPlayerComponent implements OnInit, OnDestroy {
         private ngZone: NgZone,
         private overlay: Overlay,
         private playlistsService: PlaylistsService,
+        private router: Router,
         private snackBar: MatSnackBar,
         private storage: StorageMap,
         private store: Store
@@ -234,4 +235,8 @@ export class VideoPlayerComponent implements OnInit, OnDestroy {
     openUrl(url: string) {
         window.open(url, '_blank');
     }
+
+    navigateHome() {
+        this.router.navigate(['/']);
+    }
 }