From f4463c982e03d2229c75488fd2d51a311870be1d Mon Sep 17 00:00:00 2001
From: Andrew Marcuse <fileformat@gmail.com>
Date: Mon, 5 Aug 2024 20:13:41 -0400
Subject: [PATCH] UPDATE: hyperlink to broken image (which we for github
 sometimes)

---
 app/routes/view[.]html/KeyHandler.tsx | 6 ------
 app/routes/view[.]html/route.tsx      | 3 ++-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/app/routes/view[.]html/KeyHandler.tsx b/app/routes/view[.]html/KeyHandler.tsx
index 72376d2..be1552a 100644
--- a/app/routes/view[.]html/KeyHandler.tsx
+++ b/app/routes/view[.]html/KeyHandler.tsx
@@ -1,7 +1,5 @@
-
 import { borders } from './BorderButtons'
 
-
 function nextBorder(current: string): string {
     const currentIndex = borders.findIndex((border) => border.value === current);
     const nextIndex = (currentIndex + 1) % borders.length;
@@ -10,10 +8,6 @@ function nextBorder(current: string): string {
 
 function KeyHandler(searchParams: URLSearchParams, border: string, currentZoom: number, e: KeyboardEvent): URLSearchParams | null {
 
-
-
-    console.log(e);
-
     switch (e.key.toLocaleLowerCase()) {
         case '1':
             searchParams.set('zoom', '1');
diff --git a/app/routes/view[.]html/route.tsx b/app/routes/view[.]html/route.tsx
index b2b7799..780aad0 100644
--- a/app/routes/view[.]html/route.tsx
+++ b/app/routes/view[.]html/route.tsx
@@ -8,6 +8,7 @@ import {
     Text,
     useBreakpointValue,
     useColorModeValue,
+    Link,
 } from "@chakra-ui/react";
 import { useNavigate, useSearchParams } from "@remix-run/react";
 
@@ -181,7 +182,7 @@ export default function ViewPage() {
                             style={{ width: "5rem", height: "5rem" }}
                         />
                         <Text>{t("Error loading image")}</Text>
-                        <Text>{url}</Text>
+                        <Link href={url}>{url}</Link>
                     </VStack>
                 ) : (
                     <></>