lirent/synapse-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 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> <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>