22 lines
706 B
JavaScript
22 lines
706 B
JavaScript
//Pet cards (on adopt page)
|
|
|
|
import Link from "next/link";
|
|
import { getSpeciesEmoji, getStatusClass } from "@/components/petUtils";
|
|
|
|
export default function PetCard({petId, petName, petSpecies, petStatus}) {
|
|
return (
|
|
<Link href={`/adopt/${petId}`} className="pet-card">
|
|
<div className="pet-card-image-wrapper">
|
|
<span className="pet-card-emoji">{getSpeciesEmoji(petSpecies)}</span>
|
|
</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>
|
|
);
|
|
}
|