diff options
Diffstat (limited to 'ui/lib/components/Invites.svelte')
| -rw-r--r-- | ui/lib/components/Invites.svelte | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/ui/lib/components/Invites.svelte b/ui/lib/components/Invites.svelte index bfaf2b6..337ee7e 100644 --- a/ui/lib/components/Invites.svelte +++ b/ui/lib/components/Invites.svelte @@ -1,24 +1,23 @@ <script> - import { writable } from 'svelte/store'; import { createInvite } from '$lib/apiServer'; import Invite from '$lib/components/Invite.svelte'; - let invites = writable([]); - $: $invites, console.log('invites', $invites); + let invites = $state([]); - async function onSubmit() { + async function onSubmit(event) { + event.preventDefault(); let response = await createInvite(); if (response.status == 200) { - invites.update((val) => [...val, response.data]); + invites.push(response.data); } } </script> <ul> - {#each $invites as invite} + {#each invites as invite} <li><Invite id={invite.id} /></li> {/each} </ul> -<form on:submit|preventDefault={onSubmit}> +<form onsubmit={onSubmit}> <button class="btn variant-filled" type="submit"> Create Invitation </button> </form> |