From d18a11fb8b66371525b48d0558d1d699d71f7d85 Mon Sep 17 00:00:00 2001
From: 4gray <fourgray@proton.me>
Date: Sun, 4 May 2025 23:05:16 +0200
Subject: [PATCH] refactor(navigation): update navigation links to use
 routerLink and streamline page switching logic

---
 .../xtream-tauri/navigation/navigation.component.html    | 9 ++++++---
 src/app/xtream-tauri/navigation/navigation.component.ts  | 5 +++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/xtream-tauri/navigation/navigation.component.html b/src/app/xtream-tauri/navigation/navigation.component.html
index 3b3ca65e0..cb84ca5f7 100644
--- a/src/app/xtream-tauri/navigation/navigation.component.html
+++ b/src/app/xtream-tauri/navigation/navigation.component.html
@@ -85,8 +85,9 @@
     <mat-nav-list>
         <a
             mat-list-item
+            routerLink="./search"
             routerLinkActive="active"
-            (click)="pageClicked.emit('search')"
+            (click)="pageSwitch('search')"
         >
             <mat-icon matListItemIcon>search</mat-icon>
             <span matListItemTitle>{{
@@ -95,8 +96,9 @@
         </a>
         <a
             mat-list-item
+            routerLink="./recent"
             routerLinkActive="active"
-            (click)="pageClicked.emit('recent')"
+            (click)="pageSwitch('recent')"
         >
             <mat-icon matListItemIcon>history</mat-icon>
             <span matListItemTitle>{{
@@ -105,8 +107,9 @@
         </a>
         <a
             mat-list-item
+            routerLink="./favorites"
             routerLinkActive="active"
-            (click)="pageClicked.emit('favorites')"
+            (click)="pageSwitch('favorites')"
         >
             <mat-icon matListItemIcon>favorite</mat-icon>
             <span matListItemTitle>{{
diff --git a/src/app/xtream-tauri/navigation/navigation.component.ts b/src/app/xtream-tauri/navigation/navigation.component.ts
index f3f94e045..44a38923b 100644
--- a/src/app/xtream-tauri/navigation/navigation.component.ts
+++ b/src/app/xtream-tauri/navigation/navigation.component.ts
@@ -101,4 +101,9 @@ export class NavigationComponent {
             data: this.currentPlaylist(),
         });
     }
+
+    pageSwitch(page: 'search' | 'recent' | 'favorites') {
+        this.pageClicked.emit(page);
+        this.xtreamStore.setSelectedContentType(undefined);
+    }
 }