From fc156c386bfa37b57cf88e8079d74de7c905ce59 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Wed, 4 Jun 2025 00:13:59 +0200
Subject: [PATCH] show user heads in team table

---
 src/app/website/index/Teams.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/app/website/index/Teams.svelte b/src/app/website/index/Teams.svelte
index 8a721e5..95a99d3 100644
--- a/src/app/website/index/Teams.svelte
+++ b/src/app/website/index/Teams.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import Skeleton from '@assets/img/steve.png';
-  import Steve from '@assets/img/steve.png';
   import type { GetDeathsRes } from '@db/schema/death.ts';
   import { type ActionReturnType, actions } from 'astro:actions';
 
@@ -40,7 +39,7 @@
             {#if team.memberOne.id}
               {@const dead = deaths.findIndex((d) => d.deadUserId === team.memberOne.id)}
               <div class="flex items-center gap-x-2">
-                <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
+                <img class="w-4 h-4 pixelated" src={dead === -1 ? `https://mc-heads.net/head/${team.memberOne.username}/8` : Skeleton.src} alt="head" />
                 <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberOne.username}</span>
               </div>
             {/if}
@@ -49,7 +48,7 @@
             {#if team.memberTwo.id}
               {@const dead = deaths.findIndex((d) => d.deadUserId === team.memberTwo.id)}
               <div class="flex items-center gap-x-2">
-                <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
+                <img class="w-4 h-4 pixelated" src={dead === -1 ? `https://mc-heads.net/head/${team.memberTwo.username}/8` : Skeleton.src} alt="head" />
                 <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberTwo.username}</span>
               </div>
             {/if}