From c58208281681040d2610972be28696c9a94544b6 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 29 Apr 2025 12:30:01 -0700
Subject: [PATCH] Fix link detail for authenticated images

---
 src/app/components/ContentLinkBlock.svelte      | 4 ++--
 src/app/components/ContentLinkBlockImage.svelte | 4 ++--
 src/app/components/ContentLinkDetail.svelte     | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/components/ContentLinkBlock.svelte b/src/app/components/ContentLinkBlock.svelte
index adfdcf8d6..d58ad4074 100644
--- a/src/app/components/ContentLinkBlock.svelte
+++ b/src/app/components/ContentLinkBlock.svelte
@@ -27,7 +27,7 @@
     hideImage = true
   }
 
-  const expand = () => pushModal(ContentLinkDetail, {url}, {fullscreen: true})
+  const expand = () => pushModal(ContentLinkDetail, {value, event}, {fullscreen: true})
 </script>
 
 <Link external href={url} class="my-2 block">
@@ -38,7 +38,7 @@
       </video>
     {:else if url.match(/\.(jpe?g|png|gif|webp)$/)}
       <button type="button" onclick={stopPropagation(preventDefault(expand))}>
-        <ContentLinkBlockImage {event} {value} />
+        <ContentLinkBlockImage {value} {event} class="m-auto max-h-96 rounded-box" />
       </button>
     {:else}
       {#await loadPreview()}
diff --git a/src/app/components/ContentLinkBlockImage.svelte b/src/app/components/ContentLinkBlockImage.svelte
index 83435caf6..e0154b8c4 100644
--- a/src/app/components/ContentLinkBlockImage.svelte
+++ b/src/app/components/ContentLinkBlockImage.svelte
@@ -5,7 +5,7 @@
   import {signer} from "@welshman/app"
   import {imgproxy} from "@app/state"
 
-  const {value, event} = $props()
+  const {value, event, ...props} = $props()
 
   const url = value.url.toString()
 
@@ -46,4 +46,4 @@
   })
 </script>
 
-<img alt="" {src} {onerror} class="m-auto max-h-96 rounded-box" />
+<img alt="" {src} {onerror} {...props} />
diff --git a/src/app/components/ContentLinkDetail.svelte b/src/app/components/ContentLinkDetail.svelte
index a8029c796..7c4e660ee 100644
--- a/src/app/components/ContentLinkDetail.svelte
+++ b/src/app/components/ContentLinkDetail.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import ContentLinkBlockImage from "@app/components/ContentLinkBlockImage.svelte"
   import Button from "@lib/components/Button.svelte"
-  import {imgproxy} from "@app/state"
 
-  const {url} = $props()
+  const {value, event} = $props()
 
   const back = () => history.back()
 </script>
 
 <Button class="m-auto h-screen w-screen cursor-pointer p-4" onclick={back}>
-  <img alt="" src={imgproxy(url)} class="m-auto max-h-full max-w-full rounded-box" />
+  <ContentLinkBlockImage {value} {event} class="m-auto max-h-full max-w-full rounded-box" />
 </Button>