From c686da0c03c8f95edb3c93d720013026679d1b21 Mon Sep 17 00:00:00 2001
From: Sean <sean@goforward.group>
Date: Sun, 29 Mar 2026 07:43:55 -0400
Subject: [PATCH] feat: use ProductImage for part thumbnails on build detail
 page

---
 app/builds/[buildId]/page.tsx | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/app/builds/[buildId]/page.tsx b/app/builds/[buildId]/page.tsx
index c389327..64d06ad 100644
--- a/app/builds/[buildId]/page.tsx
+++ b/app/builds/[buildId]/page.tsx
@@ -1,6 +1,7 @@
 // app/builds/[buildId]/page.tsx
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import { ProductImage } from "@/components/parts/ProductImage";
 
 const API_BASE_URL =
   process.env.NEXT_PUBLIC_API_BASE_URL ?? "";
@@ -169,18 +170,11 @@ export default async function BuildBreakdownPage({
                 >
                   {/* Thumb */}
                   <div className="h-12 w-12 flex-none overflow-hidden rounded-md border border-zinc-800 bg-zinc-950">
-                    {it.productImageUrl ? (
-                      // eslint-disable-next-line @next/next/no-img-element
-                      <img
-                        src={it.productImageUrl}
-                        alt={it.productName ?? "Part image"}
-                        className="h-full w-full object-cover"
-                      />
-                    ) : (
-                      <div className="flex h-full w-full items-center justify-center text-[10px] text-zinc-600">
-                        IMG
-                      </div>
-                    )}
+                    <ProductImage
+                      src={it.productImageUrl}
+                      alt={it.productName ?? "Part image"}
+                      className="h-full w-full object-cover"
+                    />
                   </div>
 
                   {/* Info */}