From f613e7cadd2de405769567afbd4476e477fcc5ee Mon Sep 17 00:00:00 2001
From: Coracle-Bot <npub1klq6260@nostr.local>
Date: Sat, 12 Sep 2026 03:44:21 +0000
Subject: [PATCH] Show a clickable card naming the url while a link preview
 loads (#516)

---
 src/app/components/ContentLinkBlock.svelte | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/components/ContentLinkBlock.svelte b/src/app/components/ContentLinkBlock.svelte
index 85b31d66..a347558e 100644
--- a/src/app/components/ContentLinkBlock.svelte
+++ b/src/app/components/ContentLinkBlock.svelte
@@ -95,9 +95,18 @@
   </Link>
 {:else}
   {#await loadPreview(url)}
-    <div class="flex justify-center items-center my-12 w-full">
-      <Spinner />
-    </div>
+    <Link {external} {href} class="my-2 block">
+      <div
+        class="border border-solid flex max-w-xl flex-col overflow-hidden leading-normal rounded-2xl"
+        style="border-color: var(--line)">
+        <div class="flex flex-col gap-2 p-4">
+          <Spinner>
+            <strong class="overflow-hidden text-ellipsis whitespace-nowrap"
+              >{displayUrl(url)}</strong>
+          </Spinner>
+        </div>
+      </div>
+    </Link>
   {:then preview}
     <Link {external} {href} class="my-2 block">
       <div