mirrors/synapse-admin
1
0
Fork 0
mirror of https://github.com/Awesome-Technologies/synapse-admin.git synced 2024-10-31 06:55:15 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use icon as loading spinner in login page

Browse source 
Change-Id: Ie0e8d0a9e1242849fb8b18875d752dd15facaaf9
This commit is contained in:
Manuel Stahl 2024-02-05 10:18:25 +01:00
parent ba4345be1e
commit 6363e3d32e
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/LoginPage.js
View file

@ -307,9 +307,13 @@ const LoginPage = () => {
<FormBox>
<Card className="card">
<Box className="avatar">
<Avatar className="icon">
<LockIcon />
</Avatar>
{loading ? (
<CircularProgress size={25} thickness={2} />
) : (
<Avatar className="icon">
<LockIcon />
</Avatar>
)}
</Box>
<Box className="hint">{translate("synapseadmin.auth.welcome")}</Box>
<Box className="form">
@ -339,7 +343,6 @@ const LoginPage = () => {
disabled={loading || !supportPassAuth}
fullWidth
>
{loading && <CircularProgress size={25} thickness={2} />}
{translate("ra.auth.sign_in")}
</Button>
<Button
@ -349,7 +352,6 @@ const LoginPage = () => {
disabled={loading || ssoBaseUrl === ""}
fullWidth
>
{loading && <CircularProgress size={25} thickness={2} />}
{translate("synapseadmin.auth.sso_sign_in")}
</Button>
</CardActions>