From 818e729c75237af7c4c54c911f44f1b729dbb9cc Mon Sep 17 00:00:00 2001
From: 4gray <fourgray@proton.me>
Date: Sun, 4 May 2025 23:06:30 +0200
Subject: [PATCH] refactor(xtream): enhance error handling for empty categories
 and no category selected

---
 .../category-content-view.component.html      | 32 +++++++++++++++----
 .../category-content-view.component.ts        |  6 ++--
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/app/xtream-tauri/category-content-view/category-content-view.component.html b/src/app/xtream-tauri/category-content-view/category-content-view.component.html
index f34ea9eb2..9aa2ec0c0 100644
--- a/src/app/xtream-tauri/category-content-view/category-content-view.component.html
+++ b/src/app/xtream-tauri/category-content-view/category-content-view.component.html
@@ -37,14 +37,34 @@
                     <div class="title">{{ i.title || 'No name' }}</div>
                 </mat-card-actions>
             </mat-card>
+        } @empty {
+            <app-playlist-error-view
+                [title]="'PORTALS.ERROR_VIEW.EMPTY_CATEGORY.TITLE' | translate"
+                [description]="
+                    'PORTALS.ERROR_VIEW.EMPTY_CATEGORY.DESCRIPTION' | translate
+                "
+                [showActionButtons]="false"
+                [viewType]="'EMPTY_CATEGORY'"
+            />
         }
     </div>
 
-    <mat-paginator
-        [length]="totalPages() * limit()"
-        [pageSize]="limit()"
-        [pageSizeOptions]="pageSizeOptions"
-        (page)="onPageChange($event)"
-        aria-label="Select page"
+    @if (paginatedContent().length > 0) {
+        <mat-paginator
+            [length]="totalPages() * limit()"
+            [pageSize]="limit()"
+            [pageSizeOptions]="pageSizeOptions"
+            (page)="onPageChange($event)"
+            aria-label="Select page"
+        />
+    }
+} @else {
+    <app-playlist-error-view
+        [title]="'PORTALS.ERROR_VIEW.NO_CATEGORY_SELECTED.TITLE' | translate"
+        [description]="
+            'PORTALS.ERROR_VIEW.NO_CATEGORY_SELECTED.DESCRIPTION' | translate
+        "
+        [showActionButtons]="false"
+        [viewType]="'EMPTY_CATEGORY'"
     />
 }
diff --git a/src/app/xtream-tauri/category-content-view/category-content-view.component.ts b/src/app/xtream-tauri/category-content-view/category-content-view.component.ts
index 576554e76..b7ff2effd 100644
--- a/src/app/xtream-tauri/category-content-view/category-content-view.component.ts
+++ b/src/app/xtream-tauri/category-content-view/category-content-view.component.ts
@@ -5,7 +5,8 @@ import { MatIcon } from '@angular/material/icon';
 import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
 import { MatTooltip } from '@angular/material/tooltip';
 import { ActivatedRoute, Router } from '@angular/router';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
+import { PlaylistErrorViewComponent } from '../playlist-error-view/playlist-error-view.component';
 import { XtreamStore } from '../xtream.store';
 
 @Component({
@@ -18,7 +19,8 @@ import { XtreamStore } from '../xtream.store';
         MatPaginatorModule,
         MatTooltip,
         NgOptimizedImage,
-        TranslateModule,
+        PlaylistErrorViewComponent,
+        TranslatePipe,
     ],
 })
 export class CategoryContentViewComponent {