allow deselect of defaultTeam

src/lib/components/tournament/Standings.svelte

@@ -8,14 +8,13 @@
 		TableBodyCell,
 		TableBodyRow,
 		TableHead,
-		TableHeadCell,
-		Checkbox,
-		TableSearch
+		TableHeadCell
 	} from 'flowbite-svelte';
 
 	export let event: Event;
 	export let matches: Matches;
 	export let teams: Teams;
+	export let defaultTeam: string;
 
 	interface TeamScores {
 		[key: string]: number;
@@ -48,7 +47,9 @@ Scoring based on {scoring}
 	</TableHead>
 	<TableBody>
 		{#each { length: orderedTeamScores.length } as _, i}
-			<TableBodyRow>
+			{@const isDefaultTeam =
+				defaultTeam && defaultTeam === orderedTeamScores[i] ? 'bg-green-200' : ''}
+			<TableBodyRow class={isDefaultTeam}>
 				<TableBodyCell>{i}</TableBodyCell>
 				<TableBodyCell>{orderedTeamScores[i]}</TableBodyCell>
 				<TableBodyCell>{teamScores[orderedTeamScores[i]]}</TableBodyCell>

src/routes/events/[slug]/+page.svelte

@@ -31,9 +31,11 @@
 			Select a team:
 			<Select
 				class="mt-2"
-				items={teams.teams.map((team) => {
-					return { value: team.name, name: team.name };
-				})}
+				items={teams.teams
+					.map((team) => {
+						return { value: team.name, name: team.name };
+					})
+					.concat([{ value: '', name: 'none' }])}
 				bind:value={defaultTeam}
 			/>
 		</Label>
@@ -43,7 +45,7 @@
 			</TabItem>
 
 			<TabItem title="standings">
-				<Standings event={tournament} {matches} {teams} />
+				<Standings event={tournament} {matches} {teams} {defaultTeam} />
 			</TabItem>
 		</Tabs>
 	</div>