Fix hardcoded loading animation

LaurierHawkHacks · Mar 27, 2024 · 59a7034 · 59a7034
1 parent 2a9fd8c
commit 59a7034
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
@@ -13,14 +13,17 @@ import {
 const Landing: React.FC = () => {
     const [isLoading, setIsLoading] = useState(true);
 
-    useEffect(() => {
-        // Delay for LoadingAnimation
-        const timer = setTimeout(() => {
-            setIsLoading(false);
-        }, 3000);
+        useEffect(() => {
+            const handleLoad = () => {
+                setTimeout(() => {
+                    setIsLoading(false);
+                }, 1000); 
+            };
 
-        return () => clearTimeout(timer);
-    }, []);
+            window.addEventListener('load', handleLoad);
+
+            return () => window.removeEventListener('load', handleLoad);
+        }, []);
 
     if (isLoading) {
         return <LoadingAnimation />;