mirror of
https://github.com/UA-Fediland/synapse-admin.git
synced 2024-11-22 14:31:27 +00:00
Use icon as loading spinner in login page
Change-Id: Ie0e8d0a9e1242849fb8b18875d752dd15facaaf9
This commit is contained in:
parent
ba4345be1e
commit
6363e3d32e
1 changed files with 7 additions and 5 deletions
|
@ -307,9 +307,13 @@ const LoginPage = () => {
|
||||||
<FormBox>
|
<FormBox>
|
||||||
<Card className="card">
|
<Card className="card">
|
||||||
<Box className="avatar">
|
<Box className="avatar">
|
||||||
<Avatar className="icon">
|
{loading ? (
|
||||||
<LockIcon />
|
<CircularProgress size={25} thickness={2} />
|
||||||
</Avatar>
|
) : (
|
||||||
|
<Avatar className="icon">
|
||||||
|
<LockIcon />
|
||||||
|
</Avatar>
|
||||||
|
)}
|
||||||
</Box>
|
</Box>
|
||||||
<Box className="hint">{translate("synapseadmin.auth.welcome")}</Box>
|
<Box className="hint">{translate("synapseadmin.auth.welcome")}</Box>
|
||||||
<Box className="form">
|
<Box className="form">
|
||||||
|
@ -339,7 +343,6 @@ const LoginPage = () => {
|
||||||
disabled={loading || !supportPassAuth}
|
disabled={loading || !supportPassAuth}
|
||||||
fullWidth
|
fullWidth
|
||||||
>
|
>
|
||||||
{loading && <CircularProgress size={25} thickness={2} />}
|
|
||||||
{translate("ra.auth.sign_in")}
|
{translate("ra.auth.sign_in")}
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
|
@ -349,7 +352,6 @@ const LoginPage = () => {
|
||||||
disabled={loading || ssoBaseUrl === ""}
|
disabled={loading || ssoBaseUrl === ""}
|
||||||
fullWidth
|
fullWidth
|
||||||
>
|
>
|
||||||
{loading && <CircularProgress size={25} thickness={2} />}
|
|
||||||
{translate("synapseadmin.auth.sso_sign_in")}
|
{translate("synapseadmin.auth.sso_sign_in")}
|
||||||
</Button>
|
</Button>
|
||||||
</CardActions>
|
</CardActions>
|
||||||
|
|
Loading…
Reference in a new issue