diff options
Diffstat (limited to 'src/lib/Header.svelte')
| -rw-r--r-- | src/lib/Header.svelte | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte index 6ab7a33..27c7d09 100644 --- a/src/lib/Header.svelte +++ b/src/lib/Header.svelte @@ -1,7 +1,8 @@ <script lang="ts"> - import { enhance } from '$lib/form' + import { goto } from '$app/navigation' export let backArrowHref = '/' + let searchUserValue: string = '' </script> <header id="main-header"> @@ -10,12 +11,15 @@ <path d="M 14 0 l -13 13 l 13 13" stroke-width="2" fill="none" /> </svg> </a> - <form action="/player" method="post" class="user-form" use:enhance> - <!-- use:enhance={{ - result: async ({ form }) => { - form.reset() - }, - }} --> + <form + action="/player" + method="post" + class="user-form" + on:submit={e => { + goto(`/player/${searchUserValue}`) + e.preventDefault() + }} + > <input class="enter-username-button" type="text" @@ -26,6 +30,7 @@ autocapitalize="off" spellcheck="false" aria-label="Enter username" + bind:value={searchUserValue} /> </form> </header> |