From d04d786951c064d5305a9851def79d28fad4336c Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 5 Mar 2024 15:52:14 -0800
Subject: [PATCH] Center auth loading spinner

---
 src/renderer/router/app-outlet.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/router/app-outlet.tsx b/src/renderer/router/app-outlet.tsx
index 8e1c52a0..cc8834fb 100644
--- a/src/renderer/router/app-outlet.tsx
+++ b/src/renderer/router/app-outlet.tsx
@@ -1,4 +1,5 @@
 import { useMemo, useEffect } from 'react';
+import { Center } from '@mantine/core';
 import isElectron from 'is-electron';
 import { Navigate, Outlet } from 'react-router-dom';
 import { AppRoute } from '/@/renderer/router/routes';
@@ -41,7 +42,14 @@ export const AppOutlet = () => {
     }, [setFallback]);
 
     if (authState === AuthState.LOADING) {
-        return <Spinner container />;
+        return (
+            <Center
+                h="100vh"
+                w="100%"
+            >
+                <Spinner container />
+            </Center>
+        );
     }
 
     if (isActionsRequired || authState === AuthState.INVALID) {