flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix: run Toast first image change change after loop delay

Browse Source
This commit is contained in:
Félix Péault
2023-06-11 22:47:53 +02:00
parent 8a81515135
commit f70c9d4997
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/website/src/components/molecules/Toast.svelte
View File

@@ -30,10 +30,11 @@
// Image rotation // Image rotation
let imagesLoop: ReturnType<typeof setTimeout> let imagesLoop: ReturnType<typeof setTimeout>
let currentImageIndex = 0 let currentImageIndex = 0
const loopDuration = 3000
const incrementCurrentImageIndex = () => { const incrementCurrentImageIndex = () => {
currentImageIndex = currentImageIndex === images.length - 1 ? 0 : currentImageIndex + 1 currentImageIndex = currentImageIndex === images.length - 1 ? 0 : currentImageIndex + 1
imagesLoop = setTimeout(() => requestAnimationFrame(incrementCurrentImageIndex), 3000) imagesLoop = setTimeout(() => requestAnimationFrame(incrementCurrentImageIndex), loopDuration)
} }
// Close toast // Close toast
@@ -52,7 +53,7 @@
onMount(() => { onMount(() => {
if (images.length > 1) { if (images.length > 1) {
incrementCurrentImageIndex() imagesLoop = setTimeout(incrementCurrentImageIndex, loopDuration)
} }
return () => { return () => {