From 3b11b648c659d38cbe284b2606a58d8f703100d5 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Mon, 8 Jan 2024 13:57:12 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fixed=20#=20symbol=20handling=20?=
 =?UTF-8?q?in=20URLs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx b/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
index 52e3850..d42d286 100644
--- a/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
+++ b/src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx
@@ -12,6 +12,7 @@ import {
 } from "../../../constants/endpoints";
 import { useStore } from "../../../store";
 import { useShallow } from "zustand/react/shallow";
+import { escapePoundSymbol } from "../../../shared/utils/formatting.utils";
 
 export const ArchiveOperations = (props): ReactElement => {
   const { data } = props;
@@ -30,7 +31,7 @@ export const ArchiveOperations = (props): ReactElement => {
   const [imageAnalysisResult, setImageAnalysisResult] = useState({});
   const constructImagePaths = (data): Array<string> => {
     return data?.map((path: string) =>
-      encodeURIComponent(`${LIBRARY_SERVICE_HOST}/${path}`),
+      escapePoundSymbol(encodeURI(`${LIBRARY_SERVICE_HOST}/${path}`)),
     );
   };