From 8262fd90aaa74361fb565c68058fec5dbbfd062d Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Mon, 9 Jun 2025 23:52:46 +0200
Subject: [PATCH] show member name gray in admin dashboard if not signed up

---
 src/app/admin/teams/Teams.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/admin/teams/Teams.svelte b/src/app/admin/teams/Teams.svelte
index ea76148..94d471b 100644
--- a/src/app/admin/teams/Teams.svelte
+++ b/src/app/admin/teams/Teams.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { addTeam, deleteTeam, type Team, teams } from '@app/admin/teams/teams.ts';
+  import { deleteTeam, type Team, teams } from '@app/admin/teams/teams.ts';
   import DataTable from '@components/admin/table/DataTable.svelte';
   import CrudPopup from '@components/admin/popup/CrudPopup.svelte';
   import { confirmPopupState } from '@components/popup/ConfirmPopup.ts';
@@ -27,14 +27,18 @@
   <div class="rounded-sm w-3 h-3" style="background-color: {value}"></div>
 {/snippet}
 
+{#snippet signedUp(value: { id?: number; username: string })}
+  <span class={{ 'text-base-content/50': value.id == null }}>{value.username}</span>
+{/snippet}
+
 <DataTable
   data={teams}
   count={true}
   keys={[
     { key: 'color', label: 'Farbe', width: 5, transform: color },
     { key: 'name', label: 'Name', width: 25 },
-    { key: 'memberOne.username', label: 'Spieler 1', width: 30 },
-    { key: 'memberTwo.username', label: 'Spieler 2', width: 30 }
+    { key: 'memberOne', label: 'Spieler 1', width: 30, transform: signedUp },
+    { key: 'memberTwo', label: 'Spieler 2', width: 30, transform: signedUp }
   ]}
   onEdit={(team) => (editPopupTeam = team)}
   onDelete={onTeamDelete}