render() {
return (
<div id="login_form">
- <h1 className="maintenance-title text-center">{translate('login.login_to_sonarqube')}</h1>
+ <h1 className="maintenance-title text-center">
+ {translate('login.login_to_sonarqube')}
+ </h1>
{this.props.identityProviders.length > 0 &&
- <section className="oauth-providers">
- <ul>
- {this.props.identityProviders.map(identityProvider =>
- <li key={identityProvider.key}>
- <a
- href={`${window.baseUrl}/sessions/init/${identityProvider.key}`}
- style={{ backgroundColor: identityProvider.backgroundColor }}
- title={`Log in with ${identityProvider.name}`}>
- <img
- alt={identityProvider.name}
- width="20"
- height="20"
- src={window.baseUrl + identityProvider.iconPath}
- />
- <span>
- Log in with {identityProvider.name}
- </span>
- </a>
- </li>
- )}
- </ul>
- </section>}
+ <OAuthProviders identityProviders={this.props.identityProviders} />}
{this.state.collapsed
? <div className="text-center">