fixes to get this to build using 'npm run build'

2026-01-18 21:53:35 -05:00
parent b55bd7041d
commit b1e2b38506
5 changed files with 59 additions and 27 deletions
@@ -3,6 +3,7 @@
 import { useEffect, useMemo, useState } from "react";
 import Link from "next/link";
 import PlatformSwitcher from "./PlatformSwitcher";
+import Image from "next/image";

 const API_BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL ?? "http://localhost:8080";

@@ -138,10 +139,16 @@ export default function PartsListPageClient(props: {
                    className="group rounded-lg border border-zinc-800 bg-black/30 p-3 hover:border-zinc-700"
                  >
                    <div className="flex gap-3">
-                      <div className="h-16 w-16 overflow-hidden rounded-md border border-zinc-800 bg-zinc-950">
+                      <div className="relative h-16 w-16 overflow-hidden rounded-md border border-zinc-800 bg-zinc-950">
                        {/* eslint-disable-next-line @next/next/no-img-element */}
                        {p.imageUrl ? (
-                          <img src={p.imageUrl} alt={p.name} className="h-full w-full object-cover" />
+                          <Image
+                            src={p.imageUrl}
+                            alt={p.name}
+                            fill
+                            sizes="64px"
+                            className="object-cover"
+                          />
                        ) : (
                          <div className="h-full w-full grid place-items-center text-xs text-zinc-600">
                            —
@@ -175,4 +182,4 @@ export default function PartsListPageClient(props: {
      </div>
    </main>
  );
-}
+}