update teams table

This commit is contained in:
bytedream 2025-06-03 23:59:28 +02:00
parent c1dcaf05bf
commit a8a6424098

View File

@ -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>