From f70c9d49977cdba6a1c006a37c5542112867825b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 11 Jun 2023 22:47:53 +0200
Subject: [PATCH] fix: run Toast first image change change after loop delay

---
 apps/website/src/components/molecules/Toast.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/website/src/components/molecules/Toast.svelte b/apps/website/src/components/molecules/Toast.svelte
index 9a033fd..c8dbbe8 100644
--- a/apps/website/src/components/molecules/Toast.svelte
+++ b/apps/website/src/components/molecules/Toast.svelte
@@ -30,10 +30,11 @@
     // Image rotation
     let imagesLoop: ReturnType<typeof setTimeout>
     let currentImageIndex = 0
+    const loopDuration = 3000
 
     const incrementCurrentImageIndex = () => {
         currentImageIndex = currentImageIndex === images.length - 1 ? 0 : currentImageIndex + 1
-        imagesLoop = setTimeout(() => requestAnimationFrame(incrementCurrentImageIndex), 3000)
+        imagesLoop = setTimeout(() => requestAnimationFrame(incrementCurrentImageIndex), loopDuration)
     }
 
     // Close toast
@@ -52,7 +53,7 @@
 
     onMount(() => {
         if (images.length > 1) {
-            incrementCurrentImageIndex()
+            imagesLoop = setTimeout(incrementCurrentImageIndex, loopDuration)
         }
 
         return () => {