Move more buttons to the right

This commit is contained in:
Florian Scholdei
2019-12-11 15:40:37 +01:00
parent eff01c43c9
commit 59974b4aad
2 changed files with 18 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
import React, { FormEvent } from "react"; import React, { FormEvent } from "react";
import { WithTranslation, withTranslation } from "react-i18next"; import { WithTranslation, withTranslation } from "react-i18next";
import { Branch, Repository, Link } from "@scm-manager/ui-types"; import { Branch, Repository, Link } from "@scm-manager/ui-types";
import { apiClient, BranchSelector, ErrorPage, Loading, Subtitle, SubmitButton } from "@scm-manager/ui-components"; import { apiClient, BranchSelector, ErrorPage, Loading, Subtitle, Level, SubmitButton } from "@scm-manager/ui-components";
type Props = WithTranslation & { type Props = WithTranslation & {
repository: Repository; repository: Repository;
@@ -143,10 +143,14 @@ class RepositoryConfig extends React.Component<Props, State> {
} }
const submitButton = disabled ? null : ( const submitButton = disabled ? null : (
<SubmitButton <Level
label={t("scm-git-plugin.repo-config.submit")} right={
loading={submitPending} <SubmitButton
disabled={!this.state.selectedBranchName} label={t("scm-git-plugin.repo-config.submit")}
loading={submitPending}
disabled={!this.state.selectedBranchName}
/>
}
/> />
); );

View File

@@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { WithTranslation, withTranslation } from "react-i18next"; import { WithTranslation, withTranslation } from "react-i18next";
import { Repository, Branch, BranchRequest } from "@scm-manager/ui-types"; import { Repository, Branch, BranchRequest } from "@scm-manager/ui-types";
import { Select, InputField, SubmitButton, validation as validator } from "@scm-manager/ui-components"; import { Select, InputField, Level, SubmitButton, validation as validator } from "@scm-manager/ui-components";
import { orderBranches } from "../util/orderBranches"; import { orderBranches } from "../util/orderBranches";
type Props = WithTranslation & { type Props = WithTranslation & {
@@ -83,10 +83,14 @@ class BranchForm extends React.Component<Props, State> {
</div> </div>
<div className="columns"> <div className="columns">
<div className="column"> <div className="column">
<SubmitButton <Level
disabled={disabled || !this.isValid()} right={
loading={loading} <SubmitButton
label={t("branches.create.submit")} disabled={disabled || !this.isValid()}
loading={loading}
label={t("branches.create.submit")}
/>
}
/> />
</div> </div>
</div> </div>