fix: restore thumbnail load event

satisfactorymodding · Aug 27, 2024 · 4c6ca93 · 4c6ca93
1 parent f2a2743
commit 4c6ca93
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/lib/components/general/FicsitCard.svelte b/src/lib/components/general/FicsitCard.svelte
@@ -53,11 +53,17 @@
   let actionButtons: HTMLElement;
 
   let imageLoaded = false;
+  let thumbnailLoaded = false;
 
   $: {
     renderedLogo;
     imageLoaded = false;
   }
+
+  $: {
+    renderedThumbhash;
+    thumbnailLoaded = false;
+  }
 </script>
 
 <div
@@ -90,8 +96,10 @@
           {#if !imageLoaded && thumbHashData}
             <img
               class="logo absolute max-h-full min-h-full min-w-full max-w-full"
+              class:invisible={!thumbnailLoaded}
               src={thumbHashData}
               alt="{renderedName} Logo"
+              on:load={() => (thumbnailLoaded = true)}
               in:fade={{ duration: 200 }}
               out:fade={{ duration: 200, delay: 100 }} />
           {/if}