From a8a642409874cd62125714cf83d91d20014fdc19 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Tue, 3 Jun 2025 23:59:28 +0200
Subject: [PATCH] update teams table

---
 src/app/website/index/Teams.svelte | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/website/index/Teams.svelte b/src/app/website/index/Teams.svelte
index 5256610..8a721e5 100644
--- a/src/app/website/index/Teams.svelte
+++ b/src/app/website/index/Teams.svelte
@@ -1,4 +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';
@@ -27,30 +28,29 @@
           <td>
             <div class="flex items-center gap-x-2">
               <div class="rounded-sm w-3 h-3" style="background-color: {team.color}"></div>
-              <h3 class="text-xs sm:text-xl">{team.name}</h3>
+              <h3 class="text-xs sm:text-xl" class:text-red-200={!team.memberOne.id || !team.memberTwo.id}>
+                {team.name}
+              </h3>
             </div>
+            {#if !team.memberOne.id || !team.memberTwo.id}
+              <span>Team unvollständig</span>
+            {/if}
           </td>
           <td class="max-w-9 overflow-ellipsis">
             {#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={Steve.src} alt="head" />
-                <span
-                  class="text-xs sm:text-md"
-                  class:line-through={deaths.find((d) => d.deadUserId === team.memberOne.id)}
-                  >{team.memberOne.username}</span
-                >
+                <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
+                <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberOne.username}</span>
               </div>
             {/if}
           </td>
           <td>
             {#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={Steve.src} alt="head" />
-                <span
-                  class="text-xs sm:text-md"
-                  class:line-through={deaths.find((d) => d.deadUserId === team.memberTwo.id)}
-                  >{team.memberTwo.username}</span
-                >
+                <img class="w-4 h-4 pixelated" src={dead === -1 ? Steve.src : Skeleton.src} alt="head" />
+                <span class="text-xs sm:text-md" class:line-through={dead !== -1}>{team.memberTwo.username}</span>
               </div>
             {/if}
           </td>