Improve login page.

This commit is contained in:
Yang Luo
2021-03-28 19:15:10 +08:00
parent 658dd79d81
commit 73ffb22c32
3 changed files with 16 additions and 4 deletions

View File

@ -53,7 +53,7 @@ class ApplicationListPage extends React.Component {
enablePassword: true,
enableSignUp: true,
providers: [],
redirectUris: [],
redirectUris: ["http://localhost:9000/callback"],
expireInHours: 24 * 7,
}
}

View File

@ -197,7 +197,7 @@ class LoginPage extends React.Component {
} else {
return (
<div style={{marginTop: "20px"}}>
<div style={{fontSize: 20, textAlign: "left"}}>
<div style={{fontSize: 16, textAlign: "left"}}>
Please click to login&nbsp;
<a target="_blank" rel="noreferrer" href={application.homepageUrl}>
{application.displayName}
@ -209,11 +209,24 @@ class LoginPage extends React.Component {
application.providerObjs.map(provider => {
return (
<a key={provider.displayName} href={Provider.getAuthUrl(application, provider, "signup")}>
<img width={60} height={60} src={Provider.getAuthLogo(provider)} alt={provider.displayName} style={{margin: "10px"}} />
<img width={40} height={40} src={Provider.getAuthLogo(provider)} alt={provider.displayName} style={{margin: "10px"}} />
</a>
);
})
}
{
!application.enableSignUp ? null : (
<div>
<br/>
<div style={{float: "right"}}>
No account yet?&nbsp;
<Link to={"/register"}>
sign up now
</Link>
</div>
</div>
)
}
</div>
)
}