diff --git a/src/app/xtream/playlist-error-view/playlist-error-view.component.html b/src/app/xtream/playlist-error-view/playlist-error-view.component.html index 0857585b5..b3c30b54b 100644 --- a/src/app/xtream/playlist-error-view/playlist-error-view.component.html +++ b/src/app/xtream/playlist-error-view/playlist-error-view.component.html @@ -1,21 +1,31 @@
- + @if (viewType === 'ERROR') { + + } @else if (viewType === 'EMPTY_CATEGORY') { + + }

{{ title }}

{{ description }}
-
- - - -
+ + @if (showActionButtons) { +
+ + + +
+ }
diff --git a/src/app/xtream/playlist-error-view/playlist-error-view.component.ts b/src/app/xtream/playlist-error-view/playlist-error-view.component.ts index c706a3740..6f0d8df98 100644 --- a/src/app/xtream/playlist-error-view/playlist-error-view.component.ts +++ b/src/app/xtream/playlist-error-view/playlist-error-view.component.ts @@ -26,8 +26,10 @@ export class PlaylistErrorViewComponent { currentPlaylist = this.store.selectSignal(selectCurrentPlaylist); - @Input() title: string; @Input() description: string; + @Input() showActionButtons = true; + @Input() title: string; + @Input() viewType: 'ERROR' | 'EMPTY_CATEGORY' = 'ERROR'; openPlaylistDetails() { this.dialog.open(PlaylistInfoComponent, { diff --git a/src/assets/images/empty-category.svg b/src/assets/images/empty-category.svg new file mode 100644 index 000000000..03f5f0266 --- /dev/null +++ b/src/assets/images/empty-category.svg @@ -0,0 +1,569 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +