From caf6752ad4c1eae9457a06177a813c851104269e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Youn=20M=C3=A9lois?= <youn@melois.dev>
Date: Sat, 14 Dec 2024 11:20:20 +0100
Subject: [PATCH] refactor uri construct

---
 src/pages/Browse/ExtensionBrowse.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/Browse/ExtensionBrowse.tsx b/src/pages/Browse/ExtensionBrowse.tsx
index bdd76e3..ea3d253 100644
--- a/src/pages/Browse/ExtensionBrowse.tsx
+++ b/src/pages/Browse/ExtensionBrowse.tsx
@@ -124,6 +124,10 @@ const MangaItem = (
     uri = "gallery://localhost";
   }
 
+  const url = encodeURIComponent(manga.coverUrl);
+  const width = 300;
+  const height = 450;
+
   return (
     <Link
       to={{ pathname: `/browse/${extensionId}/${manga.id}` }}
@@ -131,9 +135,7 @@ const MangaItem = (
     >
       <div className="w-full aspect-[2/3] skeleton rounded-md">
         <LazyImage
-          src={`${uri}/?url=${
-            encodeURIComponent(manga.coverUrl)
-          }&width=300&height=450`}
+          src={`${uri}/?url=${url}&width=${width}&height=${height}`}
           alt={manga.title}
           onLoad={() => setLoading(false)}
           onChange={(inView) => {