From baebf7085339b094dcf1a453a7a4f196bf17520e Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 18 Nov 2024 12:51:13 -0800
Subject: [PATCH] Fix media links to be copyable

---
 src/app/components/ContentLinkInline.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/ContentLinkInline.svelte b/src/app/components/ContentLinkInline.svelte
index d4b1d60b..7b8a491a 100644
--- a/src/app/components/ContentLinkInline.svelte
+++ b/src/app/components/ContentLinkInline.svelte
@@ -2,7 +2,6 @@
   import {displayUrl} from "@welshman/lib"
   import Icon from "@lib/components/Icon.svelte"
   import Link from "@lib/components/Link.svelte"
-  import Button from "@lib/components/Button.svelte"
   import ContentLinkDetail from "@app/components/ContentLinkDetail.svelte"
   import {pushModal} from "@app/modal"
 
@@ -14,10 +13,11 @@
 </script>
 
 {#if url.match(/\.(jpe?g|png|gif|webp)$/)}
-  <Button class="link-content whitespace-nowrap" on:click={expand}>
+  <!-- Use a real link so people can copy the href -->
+  <a href={url} class="link-content whitespace-nowrap" on:click|preventDefault={expand}>
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
-  </Button>
+  </a>
 {:else}
   <Link external href={url} class="link-content whitespace-nowrap">
     <Icon icon="link-round" size={3} class="inline-block" />