From 16469256df8d304580ff040c7ca0ae6746be4671 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Mon, 12 Jan 2026 00:53:07 +0100
Subject: [PATCH] refactor: wrap search & recent in global components

---
 apps/web/src/app/app.component.ts                     |  8 ++++----
 .../global-recently-viewed.component.ts               | 11 +++++++++++
 .../recently-viewed/recently-viewed.component.ts      |  4 +---
 .../search-results/global-search-results.component.ts | 11 +++++++++++
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 apps/web/src/app/xtream-tauri/recently-viewed/global-recently-viewed.component.ts
 create mode 100644 apps/web/src/app/xtream-tauri/search-results/global-search-results.component.ts

diff --git a/apps/web/src/app/app.component.ts b/apps/web/src/app/app.component.ts
index daf3619e0..62e546cd7 100644
--- a/apps/web/src/app/app.component.ts
+++ b/apps/web/src/app/app.component.ts
@@ -18,8 +18,8 @@ import {
 } from 'shared-interfaces';
 import { SettingsService } from './services/settings.service';
 import { EpgProgressPanelComponent } from './shared/epg-progress-panel/epg-progress-panel.component';
-import { RecentlyViewedComponent } from './xtream-tauri/recently-viewed/recently-viewed.component';
-import { SearchResultsComponent } from './xtream-tauri/search-results/search-results.component';
+import { GlobalRecentlyViewedComponent } from './xtream-tauri/recently-viewed/global-recently-viewed.component';
+import { GlobalSearchResultsComponent } from './xtream-tauri/search-results/global-search-results.component';
 
 @Component({
     selector: 'app-root',
@@ -147,7 +147,7 @@ export class AppComponent implements OnInit {
     }
 
     openGlobalSearch(): void {
-        this.dialog.open(SearchResultsComponent, {
+        this.dialog.open(GlobalSearchResultsComponent, {
             width: '100%',
             height: '100%',
             maxWidth: '100%',
@@ -157,7 +157,7 @@ export class AppComponent implements OnInit {
     }
 
     openGlobalRecent(): void {
-        this.dialog.open(RecentlyViewedComponent, {
+        this.dialog.open(GlobalRecentlyViewedComponent, {
             width: '100%',
             height: '100%',
             maxWidth: '100%',
diff --git a/apps/web/src/app/xtream-tauri/recently-viewed/global-recently-viewed.component.ts b/apps/web/src/app/xtream-tauri/recently-viewed/global-recently-viewed.component.ts
new file mode 100644
index 000000000..f204311cc
--- /dev/null
+++ b/apps/web/src/app/xtream-tauri/recently-viewed/global-recently-viewed.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RecentlyViewedComponent } from './recently-viewed.component';
+import { XtreamStore } from '../stores/xtream.store';
+
+@Component({
+    selector: 'app-global-recently-viewed',
+    imports: [RecentlyViewedComponent],
+    providers: [XtreamStore],
+    template: '<app-recently-viewed/>'
+})
+export class GlobalRecentlyViewedComponent {}
diff --git a/apps/web/src/app/xtream-tauri/recently-viewed/recently-viewed.component.ts b/apps/web/src/app/xtream-tauri/recently-viewed/recently-viewed.component.ts
index 5c24fea5a..3a336e64d 100644
--- a/apps/web/src/app/xtream-tauri/recently-viewed/recently-viewed.component.ts
+++ b/apps/web/src/app/xtream-tauri/recently-viewed/recently-viewed.component.ts
@@ -20,9 +20,7 @@ import { XtreamStore } from '../stores/xtream.store';
         MatIconButton,
         TitleCasePipe,
     ],
-    providers: [
-        XtreamStore
-    ],
+    providers: [],
     templateUrl: './recently-viewed.component.html',
     styleUrl: './recently-viewed.component.scss',
 })
diff --git a/apps/web/src/app/xtream-tauri/search-results/global-search-results.component.ts b/apps/web/src/app/xtream-tauri/search-results/global-search-results.component.ts
new file mode 100644
index 000000000..49da78548
--- /dev/null
+++ b/apps/web/src/app/xtream-tauri/search-results/global-search-results.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { SearchResultsComponent } from './search-results.component';
+import { XtreamStore } from '../stores/xtream.store';
+
+@Component({
+    selector: 'app-global-search-results',
+    imports: [SearchResultsComponent],
+    providers: [XtreamStore],
+    template: '<app-search-results/>'
+})
+export class GlobalSearchResultsComponent {}