aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Header.svelte
blob: 27c7d0961f09cb66b3b5ffbacb68d95c467e47f9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script lang="ts">
	import { goto } from '$app/navigation'

	export let backArrowHref = '/'
	let searchUserValue: string = ''
</script>

<header id="main-header">
	<a href={backArrowHref} class="back-arrow-anchor" aria-label="back">
		<svg class="back-arrow" height="33" width="23">
			<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"
		on:submit={e => {
			goto(`/player/${searchUserValue}`)
			e.preventDefault()
		}}
	>
		<input
			class="enter-username-button"
			type="text"
			placeholder="Enter username"
			name="user-search"
			autocomplete="off"
			autocorrect="off"
			autocapitalize="off"
			spellcheck="false"
			aria-label="Enter username"
			bind:value={searchUserValue}
		/>
	</form>
</header>