Skeleton: Fetch static data (teams/drivers/races/substitutions) in global layout asynchronously

src/routes/data/users/+page.server.ts

@@ -14,21 +14,7 @@ export const load: PageServerLoad = async ({ fetch, locals }) => {
     return users;
   };
 
-  // TODO: Duplicated code from data/season/+layout.server.ts + racepicks/+page.server.ts
-  const fetch_graphics = async (): Promise<Graphic[]> => {
-    const graphics: Graphic[] = await locals.pb
-      .collection("graphics")
-      .getFullList({ fetch: fetch });
-
-    graphics.map((graphic: Graphic) => {
-      graphic.file_url = locals.pb.files.getURL(graphic, graphic.file);
-    });
-
-    return graphics;
-  };
-
   return {
     users: await fetch_users(),
-    graphics: await fetch_graphics(),
   };
 };

src/routes/data/users/+page.svelte

@@ -21,7 +21,7 @@
       data_value_name: "avatar_url",
       label: "Avatar",
       valuefun: async (value: string): Promise<string> =>
-        `<img class='rounded-full w-10 bg-surface-400' src='${value ? value : get_by_value(data.graphics, "name", "driver_headshot_template")?.file_url}'/>`,
+        `<img class='rounded-full w-10 bg-surface-400' src='${value ? value : get_by_value(await data.graphics, "name", "driver_headshot_template")?.file_url}'/>`,
     },
     {
       data_value_name: "admin",