src/lib/components/RegularList.svelte


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

<script>
  import ToggleButton from "./ToggleButton.svelte";
  import { getRegulars, toggleRegular } from "../stores/regulars.svelte.js";
</script>

<div id="Regular-list" class="grid-container">
  {#each getRegulars() as regular (regular.id)}
    <ToggleButton
      label={regular.name}
      active={regular.status}
      onclick={() => toggleRegular(regular.id)}
    />
  {/each}
</div>