Update AuthProvider.tsx

2022-05-28 12:13:34 -05:00
parent 0236b043d8
commit 4d7ac449a8
1 changed files with 15 additions and 1 deletions
@@ -102,7 +102,21 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {

  const logout = useCallback(() => firebaseAuth.signOut(), []);

-  if (authIniting) return <CircularProgress />;
+  if (authIniting)
+    return (
+      <Container
+        maxWidth={false}
+        sx={{
+          display: 'flex',
+          flexDirection: 'row',
+          justifyContent: 'center',
+          alignItems: 'center',
+          background: blueGrey[50],
+        }}
+      >
+        <CircularProgress />
+      </Container>
+    );
  return (
    <AuthContext.Provider value={{ user: currentUser, logout }}>
      {currentUser ? <>{children}</> : <Login />}