From e5d13ec94ceefd8f2e49d1c34ee0a912d5165dd1 Mon Sep 17 00:00:00 2001
From: cryst6line <crystalclaw81@gmail.com>
Date: Mon, 16 Mar 2026 05:27:52 -0400
Subject: [PATCH] fix: resolve issue #79

Add a hover preview popup for link badges showing the link text/URL and social preview metadata (favicon, site name, title)

Closes #79
---
 src/components/BadgePopups/LinkPreview.tsx | 25 ++++++++++++----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/BadgePopups/LinkPreview.tsx b/src/components/BadgePopups/LinkPreview.tsx
index 6b6c424..be9ed91 100644
--- a/src/components/BadgePopups/LinkPreview.tsx
+++ b/src/components/BadgePopups/LinkPreview.tsx
@@ -1,16 +1,19 @@
 import type { BadgePopupProps } from "@/components/Badge"
 
-export function LinkPreview({ row: _row }: BadgePopupProps) {
+export function LinkPreview({ row }: BadgePopupProps) {
+  const links = row.latestDraft.stats.links
+  if (links.length === 0) {
+    return <p>No links</p>
+  }
   return (
-    <>
-      TODO{" "}
-      <a
-        href="https://github.com/diffplug/gitcasso/issues/79"
-        className="underline"
-      >
-        #79
-      </a>
-      : show text, url, and preview info for every link in the draft
-    </>
+    <ul className="space-y-1">
+      {links.map((link, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: order is stable for display
+        <li key={i} className="min-w-0">
+          <p className="truncate font-medium">{link.text}</p>
+          <p className="truncate opacity-75">{link.url}</p>
+        </li>
+      ))}
+    </ul>
   )
 }