From e373fbdab747ed3283f16d7affcbf12a6a994508 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wojciech=20Pi=C4=85tkowski?= <chmurson@gmail.com>
Date: Wed, 3 Dec 2025 10:23:29 +0100
Subject: [PATCH] feat: improve global loading animation timing

---
 fe/src/components/RootRoutes.tsx        | 4 ++--
 fe/src/components/ui/FullPageLoader.tsx | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/fe/src/components/RootRoutes.tsx b/fe/src/components/RootRoutes.tsx
index 7472f64..f709885 100644
--- a/fe/src/components/RootRoutes.tsx
+++ b/fe/src/components/RootRoutes.tsx
@@ -86,7 +86,7 @@ const router = createBrowserRouter([
       {
         path: "/unlock-box/:roomToken?",
         element: (
-          <Suspense fallback={<FullPageLoader />}>
+          <Suspense fallback={<FullPageLoader message="Loading..." />}>
             <LockedBoxes />
           </Suspense>
         ),
@@ -94,7 +94,7 @@ const router = createBrowserRouter([
       {
         path: "/lock-box/:roomToken?",
         element: (
-          <Suspense fallback={<FullPageLoader />}>
+          <Suspense fallback={<FullPageLoader message="Loading..." />}>
             <CreationBoxes />
           </Suspense>
         ),
diff --git a/fe/src/components/ui/FullPageLoader.tsx b/fe/src/components/ui/FullPageLoader.tsx
index af67b59..3d49201 100644
--- a/fe/src/components/ui/FullPageLoader.tsx
+++ b/fe/src/components/ui/FullPageLoader.tsx
@@ -3,6 +3,8 @@ import { Loader } from "./Loader";
 
 let timeoutHandler: NodeJS.Timeout | undefined;
 
+const RESET_GLOBAL_LOADING_ANIMATION_TIMEOUT_IN_MS = 250;
+
 export const FullPageLoader: FC<{ message?: string }> = ({
   message = "Loading Stashcrate...",
 }) => {
@@ -17,7 +19,7 @@ export const FullPageLoader: FC<{ message?: string }> = ({
           ?.querySelector("#root")
           ?.setAttribute("data-loading-start-timestamp", "");
         console.log("Timeout cleared");
-      }, 5000);
+      }, RESET_GLOBAL_LOADING_ANIMATION_TIMEOUT_IN_MS);
     };
   }, []);