From c82bc3ced7bce2f655caaa8615d1489b250cd473 Mon Sep 17 00:00:00 2001
From: NassimBouziane <79666535+NassimBouziane@users.noreply.github.com>
Date: Fri, 19 Sep 2025 20:17:29 +0200
Subject: [PATCH] fix: encode seriesName in URL to prevent decodeURIComponent
 error (#1177)

---
 .../components/book-browser/book-card/book-card.component.ts   | 3 ++-
 .../metadata-viewer/metadata-viewer.component.ts               | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/booklore-ui/src/app/book/components/book-browser/book-card/book-card.component.ts b/booklore-ui/src/app/book/components/book-browser/book-card/book-card.component.ts
index de692eb83..74b67a3dd 100644
--- a/booklore-ui/src/app/book/components/book-browser/book-card/book-card.component.ts
+++ b/booklore-ui/src/app/book/components/book-browser/book-card/book-card.component.ts
@@ -472,7 +472,8 @@ export class BookCardComponent implements OnInit, OnChanges, OnDestroy {
   openSeriesInfo(): void {
     const seriesName = this.book?.metadata?.seriesName;
     if (this.isSeriesCollapsed && seriesName) {
-      this.router.navigate(['/series', seriesName]);
+      const encodedSeriesName = encodeURIComponent(seriesName);
+      this.router.navigate(['/series', encodedSeriesName]);
     } else {
       this.openBookInfo(this.book);
     }
diff --git a/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.ts b/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.ts
index 90401dab9..f707ba3d2 100644
--- a/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.ts
+++ b/booklore-ui/src/app/metadata/book-metadata-center-component/metadata-viewer/metadata-viewer.component.ts
@@ -543,7 +543,8 @@ export class MetadataViewerComponent implements OnInit, OnChanges {
   }
 
   goToSeries(seriesName: string): void {
-    this.router.navigate(['/series', seriesName]);
+    const encodedSeriesName = encodeURIComponent(seriesName);
+    this.router.navigate(['/series', encodedSeriesName]);
   }
 
   goToPublisher(publisher: string): void {