Add Loading Spinner while waiting for repository import

This commit is contained in:
Eduard Heimbuch
2020-11-25 12:12:16 +01:00
parent 10ed51733c
commit 4e1e51d1b9
6 changed files with 75 additions and 37 deletions

View File

@@ -204,7 +204,7 @@ const RepositoryForm: FC<Props> = ({
<Columns className="columns is-multiline">
<Column className="column is-full">
<InputField
label={t("create.importUrl")}
label={t("import.importUrl")}
onChange={handleImportUrlChange}
value={importUrl}
helpText={t("help.importUrlHelpText")}
@@ -212,7 +212,7 @@ const RepositoryForm: FC<Props> = ({
</Column>
<Column className="column is-half">
<InputField
label={t("create.username")}
label={t("import.username")}
onChange={setUsername}
value={username}
helpText={t("help.usernameHelpText")}
@@ -220,7 +220,7 @@ const RepositoryForm: FC<Props> = ({
</Column>
<Column className="column is-half">
<InputField
label={t("create.password")}
label={t("import.password")}
onChange={setPassword}
value={password}
type="password"

View File

@@ -59,9 +59,9 @@ const RepositoryFormSwitcher: FC<Props> = ({ repository, createMode }) => {
if (repository) {
subtitle = "repositoryForm.subtitle";
} else if (isImportMode()) {
subtitle = "create.importSubtitle";
subtitle = "create.subtitle";
} else {
subtitle = "create.createSubtitle";
subtitle = "import.subtitle";
}
return <Subtitle subtitle={t(subtitle)} />;
@@ -73,13 +73,13 @@ const RepositoryFormSwitcher: FC<Props> = ({ repository, createMode }) => {
right={
<ButtonAddons>
<SmallButton
label={t("create.createButton")}
label={t("repositoryForm.createButton")}
icon="fa fa-plus"
color={isCreateMode() ? "link is-selected" : undefined}
link={isImportMode() ? "/repos/create" : undefined}
/>
<SmallButton
label={t("create.importButton")}
label={t("repositoryForm.importButton")}
icon="fa fa-file-upload"
color={isImportMode() ? "link is-selected" : undefined}
link={isCreateMode() ? "/repos/import" : undefined}