src/client/components/ComicDetail/Tabs/ArchiveOperations.tsx

@@ -30,7 +30,7 @@ export const ArchiveOperations = (props): ReactElement => {
   const [imageAnalysisResult, setImageAnalysisResult] = useState({});
   const constructImagePaths = (data): Array<string> => {
     return data?.map((path: string) =>
-      encodeURI(`${LIBRARY_SERVICE_HOST}/${path}`),
+      encodeURIComponent(`${LIBRARY_SERVICE_HOST}/${path}`),
     );
   };
 

src/client/components/Dashboard/Dashboard.tsx

@@ -151,7 +151,7 @@ export const Dashboard = (): ReactElement => {
                         </span>
                       </span>
                       {/* Uncompressed status  */}
-                      {rawFileDetails.archive.uncompressed ? (
+                      {rawFileDetails?.archive?.uncompressed ? (
                         <span className="inline-flex items-center bg-slate-50 text-slate-800 text-xs font-medium px-2.5 py-0.5 rounded-md dark:text-slate-900 dark:bg-slate-400">
                           <span className="pr-1 pt-1">
                             <i className="icon-[solar--bookmark-bold-duotone] w-4 h-4"></i>