Fix item loading

2026-04-02 09:08:00 -06:00
parent 4bd98ef06f
commit 2a871a4d41
7 changed files with 91 additions and 30 deletions
--- a/web/components/PetCard.js
+++ b/web/components/PetCard.js
@@ -5,7 +5,15 @@ export default function PetCard({petId, petName, petSpecies, petStatus, imageUrl
  return (
    <Link href={`/adopt/${petId}`} className="pet-card">
      <div className="pet-card-image-wrapper">
-        <img src={imageUrl || "/images/pet-placeholder.png"} alt={petName} className="pet-card-image" />
+        <img
+          src={imageUrl || "/images/pet-placeholder.png"}
+          alt={petName}
+          className="pet-card-image"
+          onError={(e) => {
+            e.currentTarget.onerror = null;
+            e.currentTarget.src = "/images/pet-placeholder.png";
+          }}
+        />
      </div>
      <div className="pet-card-body">
        <h3 className="pet-card-name">{petName}</h3>