fix(+page.svelte): 🐛 Fixed a bug where the thumbnails where not updat…

…ing the main image correctly when the array was shuffled.
arienshibani · Jul 4, 2024 · 10af048 · 10af048
1 parent 844a41d
commit 10af048
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -12,9 +12,6 @@ let photos = [
 	{ src: "https://ik.imagekit.io/ari/2014dublin02", alt: "Dublin 02" },
 ];
 
-// Shuffle array
-photos.sort(() => Math.random() - 0.5);
-
 // Reactive variable for the current main image
 let currentPhoto = writable(photos[0]);
 
@@ -26,7 +23,6 @@ const updateMainPhoto = (photo) => {
 };
 
 
-
 </script>
 
 
@@ -47,7 +43,7 @@ const updateMainPhoto = (photo) => {
   </div>
 
   <div class="thumbnail-strip" >
-    {#each photos as photo}
+    {#each photos as photo (photo.alt)}
       <button type="button" on:click={() => updateMainPhoto(photo)}>
         <img
           class="thumbnail"