use className instead of class

This commit is contained in:
Maren Süwer
2018-12-20 10:21:18 +01:00
parent a61fa52fa2
commit 6d182e8bc0
7 changed files with 965 additions and 966 deletions

View File

@@ -20,8 +20,8 @@ class AdminSettings extends React.Component<Props> {
return (
<div>
<Subtitle subtitle={t("admin-settings.name")} />
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<AdminGroupTable
adminGroups={adminGroups}
onChange={(isValid, changedValue, name) =>
@@ -38,7 +38,7 @@ class AdminSettings extends React.Component<Props> {
errorMessage={t("admin-settings.add-group-error")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<AdminUserTable
adminUsers={adminUsers}
onChange={(isValid, changedValue, name) =>

View File

@@ -18,9 +18,8 @@ class BaseUrlSettings extends React.Component<Props> {
return (
<div>
<Subtitle subtitle={t("base-url-settings.name")} />
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<Checkbox
checked={forceBaseUrl}
label={t("base-url-settings.force-base-url")}
@@ -29,7 +28,7 @@ class BaseUrlSettings extends React.Component<Props> {
helpText={t("help.forceBaseUrlHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("base-url-settings.base-url")}
onChange={this.handleBaseUrlChange}

View File

@@ -36,8 +36,8 @@ class GeneralSettings extends React.Component<Props> {
return (
<div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<InputField
label={t("general-settings.realm-description")}
onChange={this.handleRealmDescriptionChange}
@@ -46,7 +46,7 @@ class GeneralSettings extends React.Component<Props> {
helpText={t("help.realmDescriptionHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("general-settings.date-format")}
onChange={this.handleDateFormatChange}
@@ -56,8 +56,8 @@ class GeneralSettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<InputField
label={t("general-settings.plugin-url")}
onChange={this.handlePluginUrlChange}
@@ -66,7 +66,7 @@ class GeneralSettings extends React.Component<Props> {
helpText={t("help.pluginRepositoryHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("general-settings.default-namespace-strategy")}
onChange={this.handleDefaultNamespaceStrategyChange}
@@ -76,8 +76,8 @@ class GeneralSettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<Checkbox
checked={enabledXsrfProtection}
label={t("general-settings.enabled-xsrf-protection")}
@@ -86,7 +86,7 @@ class GeneralSettings extends React.Component<Props> {
helpText={t("help.enableXsrfProtectionHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<Checkbox
checked={enableRepositoryArchive}
label={t("general-settings.enable-repository-archive")}
@@ -96,8 +96,8 @@ class GeneralSettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<Checkbox
checked={disableGroupingGrid}
label={t("general-settings.disable-grouping-grid")}
@@ -106,7 +106,7 @@ class GeneralSettings extends React.Component<Props> {
helpText={t("help.disableGroupingGridHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<Checkbox
checked={anonymousAccessEnabled}
label={t("general-settings.anonymous-access-enabled")}
@@ -116,8 +116,8 @@ class GeneralSettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<Checkbox
checked={skipFailedAuthenticators}
label={t("general-settings.skip-failed-authenticators")}

View File

@@ -40,8 +40,8 @@ class LoginAttempt extends React.Component<Props, State> {
return (
<div>
<Subtitle subtitle={t("login-attempt.name")} />
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<InputField
label={t("login-attempt.login-attempt-limit")}
onChange={this.handleLoginAttemptLimitChange}
@@ -52,7 +52,7 @@ class LoginAttempt extends React.Component<Props, State> {
helpText={t("help.loginAttemptLimitHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("login-attempt.login-attempt-limit-timeout")}
onChange={this.handleLoginAttemptLimitTimeoutChange}

View File

@@ -37,8 +37,8 @@ class ProxySettings extends React.Component<Props> {
return (
<div>
<Subtitle subtitle={t("proxy-settings.name")} />
<div class="columns">
<div class="column is-full">
<div className="columns">
<div className="column is-full">
<Checkbox
checked={enableProxy}
label={t("proxy-settings.enable-proxy")}
@@ -48,8 +48,8 @@ class ProxySettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<InputField
label={t("proxy-settings.proxy-password")}
onChange={this.handleProxyPasswordChange}
@@ -59,7 +59,7 @@ class ProxySettings extends React.Component<Props> {
helpText={t("help.proxyPasswordHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("proxy-settings.proxy-port")}
value={proxyPort}
@@ -69,8 +69,8 @@ class ProxySettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
<InputField
label={t("proxy-settings.proxy-server")}
value={proxyServer}
@@ -79,7 +79,7 @@ class ProxySettings extends React.Component<Props> {
helpText={t("help.proxyServerHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("proxy-settings.proxy-user")}
value={proxyUser}
@@ -89,8 +89,8 @@ class ProxySettings extends React.Component<Props> {
/>
</div>
</div>
<div class="columns">
<div class="column is-full">
<div className="columns">
<div className="column is-full">
<ProxyExcludesTable
proxyExcludes={proxyExcludes}
onChange={(isValid, changedValue, name) =>

View File

@@ -155,11 +155,11 @@ class CreatePermissionForm extends React.Component<Props, State> {
</label>
</div>
<div class="columns">
<div class="column is-three-quarters">
<div className="columns">
<div className="column is-three-quarters">
{this.renderAutocompletionField()}
</div>
<div class="column is-one-quarter">
<div className="column is-one-quarter">
<TypeSelector
label={t("permission.type")}
helpText={t("permission.help.typeHelpText")}
@@ -168,8 +168,8 @@ class CreatePermissionForm extends React.Component<Props, State> {
/>
</div>
</div>
<div class="columns">
<div class="column">
<div className="columns">
<div className="column">
<SubmitButton
label={t("permission.add-permission.submit-button")}
loading={loading}

View File

@@ -105,8 +105,8 @@ class UserForm extends React.Component<Props, State> {
}
return (
<form onSubmit={this.submit}>
<div class="columns">
<div class="column is-half">
<div className="columns">
<div className="column is-half">
{nameField}
<InputField
label={t("user.displayName")}
@@ -117,7 +117,7 @@ class UserForm extends React.Component<Props, State> {
helpText={t("help.displayNameHelpText")}
/>
</div>
<div class="column is-half">
<div className="column is-half">
<InputField
label={t("user.mail")}
onChange={this.handleEmailChange}
@@ -128,8 +128,8 @@ class UserForm extends React.Component<Props, State> {
/>
</div>
</div>
<div class="columns">
<div class="column">
<div className="columns">
<div className="column">
{passwordChangeField}
<Checkbox
label={t("user.admin")}
@@ -145,8 +145,8 @@ class UserForm extends React.Component<Props, State> {
/>
</div>
</div>
<div class="columns">
<div class="column">
<div className="columns">
<div className="column">
<SubmitButton
disabled={!this.isValid()}
loading={loading}