Update LoginPage.js

1 files changed, 6 insertions, 10 deletions

diff --git a/modern/src/login/LoginPage.js b/modern/src/login/LoginPage.js
index b572b4ea..59e64bed 100644
--- a/modern/src/login/LoginPage.js
+++ b/modern/src/login/LoginPage.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import moment from 'moment';
 import {
-  useMediaQuery, InputLabel, Select, MenuItem, FormControl, Button, TextField, Link, Snackbar, IconButton, Tooltip,
+  useMediaQuery, InputLabel, Select, MenuItem, FormControl, Button, TextField, Link, Snackbar, IconButton, Tooltip, LinearProgress,
 } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import CloseIcon from '@mui/icons-material/Close';
@@ -54,8 +54,6 @@ const LoginPage = () => {
 
   const [failed, setFailed] = useState(false);
 
-  const [loading, setLoading] = useState(false);
-
   const [email, setEmail] = usePersistedState('loginEmail', '');
   const [password, setPassword] = useState('');
 
@@ -126,9 +124,8 @@ const LoginPage = () => {
   };
 
   const handleOpenIdLogin = () => {
-    setLoading(true);
     document.location = '/api/session/openid/auth';
-  }
+  };
 
   useEffect(() => nativePostMessage('authentication'), []);
 
@@ -138,11 +135,10 @@ const LoginPage = () => {
     return () => handleLoginTokenListeners.delete(listener);
   }, []);
 
-  useEffect(() => {
-    if (openIdForced) {
-      handleOpenIdLogin();
-    }
-  }, [openIdForced]);
+  if (openIdForced) {
+    handleOpenIdLogin();
+    return (<LinearProgress />);
+  }
 
   return (
     <LoginLayout>