Use icon as loading spinner in login page

Change-Id: Ie0e8d0a9e1242849fb8b18875d752dd15facaaf9
This commit is contained in:
Manuel Stahl 2024-02-05 10:18:25 +01:00
parent ba4345be1e
commit 6363e3d32e

View file

@ -307,9 +307,13 @@ const LoginPage = () => {
<FormBox> <FormBox>
<Card className="card"> <Card className="card">
<Box className="avatar"> <Box className="avatar">
{loading ? (
<CircularProgress size={25} thickness={2} />
) : (
<Avatar className="icon"> <Avatar className="icon">
<LockIcon /> <LockIcon />
</Avatar> </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>