From a4e97de929f6661dd20c92aea0841e70f4021b8e Mon Sep 17 00:00:00 2001
From: Joseph Milazzo <joseph.v.milazzo@gmail.com>
Date: Mon, 20 Nov 2023 06:39:53 -0600
Subject: [PATCH] Fixed a bug where from search bar an invalid filter encode
 would be produced.

---
 UI/Web/src/app/_services/member.service.ts                  | 6 +++---
 .../_components/manga-reader/manga-reader.component.ts      | 1 +
 .../app/nav/_components/nav-header/nav-header.component.ts  | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/UI/Web/src/app/_services/member.service.ts b/UI/Web/src/app/_services/member.service.ts
index 27f21e6bc5..b6afbd8a9a 100644
--- a/UI/Web/src/app/_services/member.service.ts
+++ b/UI/Web/src/app/_services/member.service.ts
@@ -32,8 +32,8 @@ export class MemberService {
     return this.httpClient.get<boolean>(this.baseUrl + 'users/has-library-access?libraryId=' + libraryId);
   }
 
-  hasReadingProgress(librayId: number) {
-    return this.httpClient.get<boolean>(this.baseUrl + 'users/has-reading-progress?libraryId=' + librayId);
+  hasReadingProgress(libraryId: number) {
+    return this.httpClient.get<boolean>(this.baseUrl + 'users/has-reading-progress?libraryId=' + libraryId);
   }
 
   addSeriesToWantToRead(seriesIds: Array<number>) {
@@ -47,5 +47,5 @@ export class MemberService {
   getMember() {
     return this.httpClient.get<Member>(this.baseUrl + 'users/myself');
   }
-  
+
 }
diff --git a/UI/Web/src/app/manga-reader/_components/manga-reader/manga-reader.component.ts b/UI/Web/src/app/manga-reader/_components/manga-reader/manga-reader.component.ts
index 9966f68a13..69b9d81e32 100644
--- a/UI/Web/src/app/manga-reader/_components/manga-reader/manga-reader.component.ts
+++ b/UI/Web/src/app/manga-reader/_components/manga-reader/manga-reader.component.ts
@@ -145,6 +145,7 @@ export class MangaReaderComponent implements OnInit, AfterViewInit, OnDestroy {
   private readonly accountService = inject(AccountService);
   private readonly formBuilder = inject(FormBuilder);
   private readonly navService = inject(NavService);
+  private readonly memberService = inject(MemberService);
   private readonly modalService = inject(NgbModal);
   private readonly cdRef = inject(ChangeDetectorRef);
   private readonly toastr = inject(ToastrService);
diff --git a/UI/Web/src/app/nav/_components/nav-header/nav-header.component.ts b/UI/Web/src/app/nav/_components/nav-header/nav-header.component.ts
index 34c2170dce..1ff9bfbab0 100644
--- a/UI/Web/src/app/nav/_components/nav-header/nav-header.component.ts
+++ b/UI/Web/src/app/nav/_components/nav-header/nav-header.component.ts
@@ -140,11 +140,12 @@ export class NavHeaderComponent implements OnInit {
   }
 
   goToOther(field: FilterField, value: string) {
-    this.goTo({field, comparison: FilterComparison.Equal, value});
+    this.goTo({field, comparison: FilterComparison.Equal, value: value + ''});
   }
 
   goToPerson(role: PersonRole, filter: any) {
     this.clearSearch();
+    filter = filter + '';
     switch(role) {
       case PersonRole.Writer:
         this.goTo({field: FilterField.Writers, comparison: FilterComparison.Equal, value: filter});