src/lib/components/GameCard.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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>