Lib: Move dropdown options creation into library

src/lib/dropdown.ts

@@ -0,0 +1,79 @@
+import type { DropdownOption } from "$lib/components";
+import type { Driver, Race, Team } from "$lib/schema";
+import {
+  DRIVER_HEADSHOT_HEIGHT,
+  DRIVER_HEADSHOT_WIDTH,
+  RACE_PICTOGRAM_HEIGHT,
+  RACE_PICTOGRAM_WIDTH,
+  TEAM_BANNER_HEIGHT,
+  TEAM_BANNER_WIDTH,
+} from "$lib/config";
+
+let team_dropdown_opts: DropdownOption[] | null = null;
+
+/**
+ * Generates a list of [DropdownOptions] for a <Dropdown> component.
+ * Cached until page reload.
+ */
+export const team_dropdown_options = (teams: Team[]): DropdownOption[] => {
+  if (!team_dropdown_opts) {
+    console.log("team_dropdown_options");
+    team_dropdown_opts = teams.map((team: Team) => {
+      return {
+        label: team.name,
+        value: team.id,
+        icon_url: team.banner_url,
+        icon_width: TEAM_BANNER_WIDTH,
+        icon_height: TEAM_BANNER_HEIGHT,
+      };
+    });
+  }
+
+  return team_dropdown_opts;
+};
+
+let driver_dropdown_opts: DropdownOption[] | null = null;
+
+/**
+ * Generates a list of [DropdownOptions] for a <Dropdown> component.
+ * Cached until page reload.
+ */
+export const driver_dropdown_options = (drivers: Driver[]): DropdownOption[] => {
+  if (!driver_dropdown_opts) {
+    console.log("driver_dropdown_options");
+    driver_dropdown_opts = drivers.map((driver: Driver) => {
+      return {
+        label: driver.code,
+        value: driver.id,
+        icon_url: driver.headshot_url,
+        icon_width: DRIVER_HEADSHOT_WIDTH,
+        icon_height: DRIVER_HEADSHOT_HEIGHT,
+      };
+    });
+  }
+
+  return driver_dropdown_opts;
+};
+
+let race_dropdown_opts: DropdownOption[] | null = null;
+
+/**
+ * Generates a list of [DropdownOptions] for a <Dropdown> component.
+ * Cached until page reload.
+ */
+export const race_dropdown_options = (races: Race[]): DropdownOption[] => {
+  if (!race_dropdown_opts) {
+    console.log("race_dropdown_options");
+    race_dropdown_opts = races.map((race: Race) => {
+      return {
+        label: race.name,
+        value: race.id,
+        icon_url: race.pictogram_url,
+        icon_width: RACE_PICTOGRAM_WIDTH,
+        icon_height: RACE_PICTOGRAM_HEIGHT,
+      };
+    });
+  }
+
+  return race_dropdown_opts;
+};