christoph/svelte-formula11
1
Fork 0
Code Issues 23 Actions Packages Projects 1 Activity

Data/Season: Reflect lib updates (lazy stuff)

Browse Source
This commit is contained in:
Christoph Urlacher
2024-12-16 16:45:45 +01:00
parent 68a56ece32
commit bac2d31d73
1 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/routes/data/season/+page.svelte
View File

@ -4,9 +4,17 @@
import { Tab, TabGroup } from "@skeletonlabs/skeleton"; import { Tab, TabGroup } from "@skeletonlabs/skeleton";
// TODO: Why does this work but import { type DropdownOption } from "$lib/components" does not? // TODO: Why does this work but import { type DropdownOption } from "$lib/components" does not?
import type { DropdownOption } from "$lib/components/Dropdown.svelte"; import type { LazyDropdownOption } from "$lib/components/LazyDropdown.svelte";
import { TeamCard, DriverCard, RaceCard, SubstitutionCard } from "$lib/components"; import { TeamCard, DriverCard, RaceCard, SubstitutionCard } from "$lib/components";
import { get_by_value } from "$lib/database"; import { get_by_value } from "$lib/database";
import {
DRIVER_HEADSHOT_HEIGHT,
DRIVER_HEADSHOT_WIDTH,
RACE_PICTOGRAM_HEIGHT,
RACE_PICTOGRAM_WIDTH,
TEAM_LOGO_HEIGHT,
TEAM_LOGO_WIDTH,
} from "$lib/config";
let { data, form }: { data: PageData; form: ActionData } = $props(); let { data, form }: { data: PageData; form: ActionData } = $props();
@ -44,28 +52,42 @@
update_substitution_race_select_values["create"] = ""; update_substitution_race_select_values["create"] = "";
// All options to create a <Dropdown> component for the teams // All options to create a <Dropdown> component for the teams
const team_dropdown_options: DropdownOption[] = []; const team_dropdown_options: LazyDropdownOption[] = [];
data.teams.forEach((team: Team) => { data.teams.forEach((team: Team) => {
team_dropdown_options.push({ label: team.name, value: team.id, icon_url: team.logo_url }); team_dropdown_options.push({
label: team.name,
value: team.id,
icon_url: team.logo_url,
icon_width: TEAM_LOGO_WIDTH,
icon_height: TEAM_LOGO_HEIGHT,
});
}); });
// All options to create a <Dropdown> component for the drivers // All options to create a <Dropdown> component for the drivers
const driver_dropdown_options: DropdownOption[] = []; const driver_dropdown_options: LazyDropdownOption[] = [];
data.drivers.then((drivers: Driver[]) => data.drivers.then((drivers: Driver[]) =>
drivers.forEach((driver: Driver) => { drivers.forEach((driver: Driver) => {
driver_dropdown_options.push({ driver_dropdown_options.push({
label: driver.code, label: driver.code,
value: driver.id, value: driver.id,
icon_url: driver.headshot_url, icon_url: driver.headshot_url,
icon_width: DRIVER_HEADSHOT_WIDTH,
icon_height: DRIVER_HEADSHOT_HEIGHT,
}); });
}), }),
); );
// All options to create a <Dropdown> component for the races // All options to create a <Dropdown> component for the races
const race_dropdown_options: DropdownOption[] = []; const race_dropdown_options: LazyDropdownOption[] = [];
data.races.then((races: Race[]) => data.races.then((races: Race[]) =>
races.forEach((race: Race) => { races.forEach((race: Race) => {
race_dropdown_options.push({ label: race.name, value: race.id }); race_dropdown_options.push({
label: race.name,
value: race.id,
icon_url: race.pictogram_url,
icon_width: RACE_PICTOGRAM_WIDTH,
icon_height: RACE_PICTOGRAM_HEIGHT,
});
}), }),
); );
</script> </script>