diff options
| author | mat <github@matdoes.dev> | 2022-02-14 23:59:17 -0600 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-14 23:59:17 -0600 |
| commit | e421ff5fe895bf75bd9379593d28b07c1df6d81e (patch) | |
| tree | 18c55e4ba391bc919e7a5fbc06f12b8cac608896 /src | |
| parent | 7cadbd37ce652936f4d5df72baa04cfb2d5e5d89 (diff) | |
| download | skyblock-stats-e421ff5fe895bf75bd9379593d28b07c1df6d81e.tar.gz skyblock-stats-e421ff5fe895bf75bd9379593d28b07c1df6d81e.tar.bz2 skyblock-stats-e421ff5fe895bf75bd9379593d28b07c1df6d81e.zip | |
search bar
Diffstat (limited to 'src')
| -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> |