From 686053b4a1f30ddf500c382f4ec910ac62752dd4 Mon Sep 17 00:00:00 2001
From: cryst6line <crystalclaw81@gmail.com>
Date: Mon, 16 Mar 2026 05:20:28 -0400
Subject: [PATCH] fix: resolve issue #80

Implement image list preview when user hovers over the image badge in draft comments

Closes #80
---
 src/components/BadgePopups/ImagePreview.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/BadgePopups/ImagePreview.tsx b/src/components/BadgePopups/ImagePreview.tsx
index 9e191a5..c21a98d 100644
--- a/src/components/BadgePopups/ImagePreview.tsx
+++ b/src/components/BadgePopups/ImagePreview.tsx
@@ -1,16 +1,14 @@
 import type { BadgePopupProps } from "@/components/Badge"
 
-export function ImagePreview({ row: _row }: BadgePopupProps) {
+export function ImagePreview({ row }: BadgePopupProps) {
+  const images = row.latestDraft.stats.images
   return (
-    <>
-      TODO{" "}
-      <a
-        href="https://github.com/diffplug/gitcasso/issues/80"
-        className="underline"
-      >
-        #80
-      </a>
-      : show every image in the draft
-    </>
+    <ul className="space-y-1">
+      {images.map((img) => (
+        <li key={img.url} className="truncate">
+          {img.alt ? img.alt : img.url}
+        </li>
+      ))}
+    </ul>
   )
 }