From b8a0fd1963c48918962f03eb48697a0731763a28 Mon Sep 17 00:00:00 2001
From: Sean <sean@goforward.group>
Date: Sun, 29 Mar 2026 07:37:44 -0400
Subject: [PATCH] feat: use ProductImage in PartsGrid list view

---
 components/parts/PartsGrid.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/components/parts/PartsGrid.tsx b/components/parts/PartsGrid.tsx
index be17387..b571ea3 100644
--- a/components/parts/PartsGrid.tsx
+++ b/components/parts/PartsGrid.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 import { Plus } from "lucide-react";
 import type { UiPart } from "@/types/uiPart";
+import { ProductImage } from './ProductImage';
 
 export default function PartsGrid(props: {
   viewMode: "card" | "list";
@@ -130,17 +131,12 @@ export default function PartsGrid(props: {
               >
                 {/* Image */}
                 <div className="hidden md:block justify-self-start">
-                  {part.imageUrl ? (
-                    // eslint-disable-next-line @next/next/no-img-element
-                    <img
-                      src={part.imageUrl}
-                      alt=""
-                      className="h-10 w-10 rounded object-cover border border-zinc-800 bg-zinc-950"
-                      loading="lazy"
-                    />
-                  ) : (
-                    <div className="h-10 w-10 rounded border border-zinc-800 bg-zinc-950" />
-                  )}
+                  <ProductImage
+                    src={part.imageUrl}
+                    alt=""
+                    className="h-10 w-10 rounded object-cover border border-zinc-800 bg-zinc-950"
+                    loading="lazy"
+                  />
                 </div>
 
                 {/* Part */}