Fix item loading

2026-04-02 09:08:00 -06:00
parent a76895434d
commit 781eb48ca9
7 changed files with 91 additions and 30 deletions
--- a/web/components/ProductProfile.js
+++ b/web/components/ProductProfile.js
@@ -4,7 +4,15 @@ export default function ProductProfile({ prodName, categoryName, prodDesc, prodP
  return (
    <div className="pet-detail-card">
      <div className="pet-detail-image-wrapper">
-        <img src={imageUrl || "/images/product-placeholder.png"} alt={prodName} className="pet-detail-image" />
+        <img
+          src={imageUrl || "/images/pet-placeholder.png"}
+          alt={prodName}
+          className="pet-detail-image"
+          onError={(e) => {
+            e.currentTarget.onerror = null;
+            e.currentTarget.src = "/images/pet-placeholder.png";
+          }}
+        />
      </div>

      <div className="pet-detail-info">