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

Lib: Display full driver names in dropdown labels + sort alphabetically

Browse Source
This commit is contained in:
Christoph Urlacher
2025-02-26 23:37:22 +01:00
parent dcd62cdbfa
commit 53396fce19
1 changed files with 33 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/dropdown.ts
View File

@ -13,7 +13,9 @@ import {
* Generates a list of [DropdownOptions] for a <Dropdown> component. * Generates a list of [DropdownOptions] for a <Dropdown> component.
*/ */
export const team_dropdown_options = (teams: Team[]): DropdownOption[] => export const team_dropdown_options = (teams: Team[]): DropdownOption[] =>
teams.map((team: Team) => { teams
.sort((a: Team, b: Team) => a.name.localeCompare(b.name))
.map((team: Team) => {
return { return {
label: team.name, label: team.name,
value: team.id, value: team.id,
@ -27,9 +29,11 @@ export const team_dropdown_options = (teams: Team[]): DropdownOption[] =>
* Generates a list of [DropdownOptions] for a <Dropdown> component. * Generates a list of [DropdownOptions] for a <Dropdown> component.
*/ */
export const driver_dropdown_options = (drivers: Driver[]): DropdownOption[] => export const driver_dropdown_options = (drivers: Driver[]): DropdownOption[] =>
drivers.map((driver: Driver) => { drivers
.sort((a: Driver, b: Driver) => a.firstname.localeCompare(b.firstname))
.map((driver: Driver) => {
return { return {
label: driver.code, label: `${driver.firstname} ${driver.lastname}`,
value: driver.id, value: driver.id,
icon_url: driver.headshot_url, icon_url: driver.headshot_url,
icon_width: DRIVER_HEADSHOT_WIDTH, icon_width: DRIVER_HEADSHOT_WIDTH,
@ -41,7 +45,9 @@ export const driver_dropdown_options = (drivers: Driver[]): DropdownOption[] =>
* Generates a list of [DropdownOptions] for a <Dropdown> component. * Generates a list of [DropdownOptions] for a <Dropdown> component.
*/ */
export const race_dropdown_options = (races: Race[]): DropdownOption[] => export const race_dropdown_options = (races: Race[]): DropdownOption[] =>
races.map((race: Race) => { races
.sort((a: Race, b: Race) => a.step - b.step)
.map((race: Race) => {
return { return {
label: race.name, label: race.name,
value: race.id, value: race.id,