20 lines
697 B
JavaScript
20 lines
697 B
JavaScript
import Link from "next/link";
|
|
import { getStatusClass } from "@/components/petUtils";
|
|
|
|
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" />
|
|
</div>
|
|
<div className="pet-card-body">
|
|
<h3 className="pet-card-name">{petName}</h3>
|
|
<p className="pet-card-species">{petSpecies}</p>
|
|
<span className={`pet-card-status ${getStatusClass(petStatus)}`}>
|
|
{petStatus}
|
|
</span>
|
|
</div>
|
|
</Link>
|
|
);
|
|
}
|