From 7134e06379ae2a77e597904e6a2014536d358b7a Mon Sep 17 00:00:00 2001
From: martylukyy <35452459+martylukyy@users.noreply.github.com>
Date: Thu, 9 May 2024 09:20:20 +0200
Subject: [PATCH] fix(web): root pending component placement (#1547)

* fix(web): center root pending component vertically

* fix(web): set pending component for desktop to 30% height
---
 web/src/routes.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/web/src/routes.tsx b/web/src/routes.tsx
index 4e141fa..02aa17d 100644
--- a/web/src/routes.tsx
+++ b/web/src/routes.tsx
@@ -336,6 +336,13 @@ export const RootRoute = createRootRouteWithContext<{
 }>()({
   component: RootComponent,
   notFoundComponent: NotFound,
+  pendingComponent: () => (
+    <div className="h-screen">
+      <div className="flex flex-grow items-center justify-center h-screen sm:h-3/5">
+        <RingResizeSpinner className="text-blue-500 size-24"/>
+      </div>
+    </div>
+  ),
 });
 
 const filterRouteTree = FiltersRoute.addChildren([FilterIndexRoute, FilterGetByIdRoute.addChildren([FilterGeneralRoute, FilterMoviesTvRoute, FilterMusicRoute, FilterAdvancedRoute, FilterExternalRoute, FilterActionsRoute])])