aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/GameCard.svelte
diff options
context:
space:
mode:
authorKaran Jayachandra <mail@karanjayachandra.com>2026-08-30 22:43:21 +0200
committerKaran Jayachandra <mail@karanjayachandra.com>2026-08-30 22:43:21 +0200
commitfc8d8ab8d0da95ec79056f59e14a150df6fcea89 (patch)
tree33f8050b2f2920c0f1b884a205a8aa4c81d7687c /src/lib/components/GameCard.svelte
parentd37ebfda883bcd03b146a85bc3e5a4657d0abd73 (diff)
Moved to sveltemain
Diffstat (limited to 'src/lib/components/GameCard.svelte')
-rw-r--r--src/lib/components/GameCard.svelte17
1 files changed, 17 insertions, 0 deletions
diff --git a/src/lib/components/GameCard.svelte b/src/lib/components/GameCard.svelte
new file mode 100644
index 0000000..7bdacb6
--- /dev/null
+++ b/src/lib/components/GameCard.svelte
@@ -0,0 +1,17 @@
+<script>
+ import TeamDisplay from "./TeamDisplay.svelte";
+
+ let { game } = $props();
+ const reserved = $derived(game.teamOne.playerOne.firstName === "RESERVED");
+</script>
+
+<article>
+ <header>Court {game.id + 1}</header>
+ {#if reserved}
+ <h5>Reserved</h5>
+ {:else}
+ <TeamDisplay team={game.teamOne} />
+ <hr />
+ <TeamDisplay team={game.teamTwo} />
+ {/if}
+</article>