extracted preloadPicture() utility method in loadTalkSpeakerUrls()

Author: fcamblor

mobile/src/services/Cachings.ts

@@ -59,3 +59,13 @@ export async function checkCache(cacheKey: string, newCacheValidityDuration: Tem
 
     return {outcome};
 }
+
+export function preloadPicture(pictureUrl: string) {
+  return new Promise((resolve, reject) => {
+    const picture = new Image();
+    picture.src = pictureUrl;
+
+    picture.onload = resolve;
+    picture.onerror = reject;
+  });
+}

mobile/src/state/useSchedule.ts

@@ -21,6 +21,7 @@ import {Logger, PERF_LOGGER} from "@/services/Logger";
 import { User } from 'firebase/auth';
 import {CompletablePromiseQueue} from "@/models/utils";
 import {match} from "ts-pattern";
+import {preloadPicture} from "@/services/Cachings";
 
 export function useSchedule(
             conferenceDescriptorRef: Ref<VoxxrinConferenceDescriptor | undefined>,
@@ -68,18 +69,17 @@ async function loadTalkSpeakerUrls(
     const LOGGER = Logger.named("loadTalkSpeakerUrls");
 
     promisesQueue.addAll(talk.speakers.map(speaker => {
-      return async () => new Promise(resolve => {
+      return async () => new Promise(async resolve => {
         if (speaker.photoUrl) {
           if(IN_MEMORY_SPEAKER_URL_PRELOADINGS.has(speaker.photoUrl)) {
             LOGGER.debug(`Speaker url already preloaded, skipping: ${speaker.photoUrl}`)
             resolve(null);
           } else {
             IN_MEMORY_SPEAKER_URL_PRELOADINGS.add(speaker.photoUrl);
 
-            const avatarImage = new Image();
-            avatarImage.src = speaker.photoUrl;
-
-            avatarImage.onload = resolve;
+            // TODO: handle picture loading error here maybe ??
+            await preloadPicture(speaker.photoUrl)
+            resolve(null);
           }
         } else {
           resolve(null);