From 8bc8eab1670de02097eccbf22dcdf01913aa6f90 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sat, 15 Nov 2025 17:36:25 +0100
Subject: [PATCH] feat: show category icon when no channel selected

Add a disabled category icon button next to the "Select category"
placeholder in the live stream layout when no channel is selected, and
align the placeholder text and icon with flex and spacing. This gives a
clearer visual cue for the missing category.

Also add missing translation keys ("SELECT_CATEGORY" and "PAGE") to
English, Russian and German locale files so the new UI text and paging
label are available across supported languages.
---
 .../live-stream-layout/live-stream-layout.component.html       | 3 +++
 .../live-stream-layout/live-stream-layout.component.scss       | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.html b/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.html
index 8f37d1aaf..81ec04de6 100644
--- a/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.html
+++ b/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.html
@@ -40,6 +40,9 @@
         </div>
     } @else {
         <div class="no-channel-selected">
+            <button mat-icon-button disabled>
+                <mat-icon>category</mat-icon>
+            </button>
             {{ 'PORTALS.SELECT_CATEGORY' | translate }}
         </div>
     }
diff --git a/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.scss b/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.scss
index 85a277495..07eefc38d 100644
--- a/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.scss
+++ b/apps/web/src/app/xtream-tauri/live-stream-layout/live-stream-layout.component.scss
@@ -53,6 +53,9 @@
     margin: 0;
     font-size: 1.2rem;
     font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 10px;
 }
 
 ::ng-deep {