From 82d64af13ccff4351e084788ff4ee9f96fc0aa30 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 27 Dec 2024 06:59:34 +0100
Subject: [PATCH] Restart animation on viewport change

---
 .../onboarding/create-project/loading.svelte        | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/onboarding/create-project/loading.svelte b/src/routes/(console)/onboarding/create-project/loading.svelte
index 03603342a..b513ed2df 100644
--- a/src/routes/(console)/onboarding/create-project/loading.svelte
+++ b/src/routes/(console)/onboarding/create-project/loading.svelte
@@ -10,7 +10,15 @@
     let currentSentenceIndex = 0;
     let visible = true;
 
+    function handleResize() {
+        startAnimation = false;
+        setTimeout(() => {
+            startAnimation = true;
+        }, 1500);
+    }
+
     onMount(() => {
+        window.addEventListener('resize', handleResize);
         const interval = setInterval(() => {
             visible = false;
             currentSentenceIndex = (currentSentenceIndex + 1) % loadingSentences.length;
@@ -19,7 +27,10 @@
             }, 1000);
         }, 5000);
 
-        return () => clearInterval(interval);
+        return () => {
+            clearInterval(interval);
+            window.removeEventListener('resize', handleResize);
+        };
     });
 </script>