don't show the head in the skin parts
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 56s

This commit is contained in:
Lee 2024-04-16 23:10:15 +01:00
parent 837462e379
commit a96a693d13

@ -78,12 +78,14 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
<div className="flex flex-col gap-2">
<p className="text-lg">Skin Parts</p>
<div className="flex gap-2">
{Object.entries(player.skin.parts).map(([key, value]) => {
return (
// eslint-disable-next-line @next/next/no-img-element
<img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
);
})}
{Object.entries(player.skin.parts)
.filter((part) => part[0] !== "head") // Don't show the head part again
.map(([key, value]) => {
return (
// eslint-disable-next-line @next/next/no-img-element
<img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
);
})}
</div>
</div>
</div>