src/lib/components/CourtList.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script>
  import ToggleButton from "./ToggleButton.svelte";
  import { getCourts, toggleCourt } from "../stores/courts.svelte.js";
</script>

<div id="Court-list" class="grid-container">
  {#each getCourts() as court (court.id)}
    <ToggleButton
      label={court.name}
      active={court.status}
      onclick={() => toggleCourt(court.id)}
    />
  {/each}
</div>