From 6ff05fea48d01a51e960be5367d84a2a615e622e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 8 Apr 2020 14:33:06 +0200
Subject: [PATCH] Fix Fullscreen double click bug, Default size for photos

- Reset the value of swiped when changing photo
---
 src/molecules/Photo.svelte    | 2 +-
 src/organisms/Carousel.svelte | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/molecules/Photo.svelte b/src/molecules/Photo.svelte
index 6a5d2b2..9fd88cf 100644
--- a/src/molecules/Photo.svelte
+++ b/src/molecules/Photo.svelte
@@ -55,7 +55,7 @@
                     <source media="(min-width: 768px)" data-srcset={getThumbnail(private_hash, 992)}>
                     <source media="(min-width: 500px)" data-srcset={getThumbnail(private_hash, 650)}>
                     <source media="(min-width: 300px)" data-srcset={getThumbnail(private_hash, 400)}>
-                    <img src={layout === 'list' ? 'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' : getThumbnail(private_hash, 900)}
+                    <img src={getThumbnail(private_hash, 900)}
                         width={defaultWidth} height={defaultHeight}
                         alt={imgAlt}
                         class:lazyload={layout === 'list'}
diff --git a/src/organisms/Carousel.svelte b/src/organisms/Carousel.svelte
index 8ade39d..9649f99 100644
--- a/src/organisms/Carousel.svelte
+++ b/src/organisms/Carousel.svelte
@@ -55,6 +55,8 @@
         dispatch('photoChange', photos[currentIndex])
         // Reset fullscreen value if open
         if ($fullscreen) fullscreen.set()
+        // Reset swiped event if fired
+        swiped = false
     }
 
     // Hover on controls
@@ -96,6 +98,7 @@
     const swipe = directions => {
         swiped = true
 
+        // Detect swipe direction
         if (directions.right) {
             goToPhoto('prev')
         } else if (directions.left) {
@@ -159,7 +162,7 @@
                         <source media="(min-width: 800px)" data-srcset={getThumbnail(image.private_hash, 900)}>
                         <source media="(min-width: 500px)" data-srcset={getThumbnail(image.private_hash, 600)}>
                         <source media="(min-width: 300px)" data-srcset={getThumbnail(image.private_hash, 400)}>
-                        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
+                        <img src={getThumbnail(image.private_hash, 900)}
                             alt="{name}, {location.name}, {location.country.name}"
                             width={defaultWidth} height={defaultHeight}
                             class:lazyload={