From f417b80aab51d3156d6692dde05ddba785338aaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 23 May 2022 12:08:20 +0200
Subject: [PATCH] Disable lazyloaded images for Collage

---
 src/components/molecules/PhotoCard.svelte | 11 +++++++----
 src/components/organisms/Collage.svelte   |  1 +
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/PhotoCard.svelte b/src/components/molecules/PhotoCard.svelte
index d667abe..bd94fce 100644
--- a/src/components/molecules/PhotoCard.svelte
+++ b/src/components/molecules/PhotoCard.svelte
@@ -9,6 +9,7 @@
     export let location: any = undefined
     export let city: string = undefined
     export let hovered: boolean = false
+    export let lazy: boolean = true
 
     const dispatch = createEventDispatcher()
     const sizes = {
@@ -30,11 +31,12 @@
     {#if url}
         <a href={url} sveltekit:noscroll>
             <Image
-                id={id}
+                {id}
                 sizeKey="postcard"
                 {sizes}
                 ratio={1.5}
-                alt={alt}
+                {alt}
+                {lazy}
             />
             {#if title && location}
                 <div class="photo-card__info">
@@ -51,11 +53,12 @@
         </a>
     {:else}
         <Image
-            id={id}
+            {id}
             sizeKey="postcard"
             {sizes}
             ratio={1.5}
-            alt={alt}
+            {alt}
+            {lazy}
         />
     {/if}
 </div>
\ No newline at end of file
diff --git a/src/components/organisms/Collage.svelte b/src/components/organisms/Collage.svelte
index 7699f74..e5cf202 100644
--- a/src/components/organisms/Collage.svelte
+++ b/src/components/organisms/Collage.svelte
@@ -17,6 +17,7 @@
                 location={location}
                 city={city}
                 hovered={hovered === index}
+                lazy={false}
                 on:hover={({ detail }) => hovered = detail ? index : null}
             />
         {/each}