/* * SonarQube * Copyright (C) 2009-2021 SonarSource SA * mailto:info AT sonarsource DOT com * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU Lesser General Public * License as published by the Free Software Foundation; either * version 3 of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import * as React from 'react'; import { translate } from '../../../helpers/l10n'; import { getBaseUrl } from '../../../helpers/urls'; import { GitlabProject } from '../../../types/alm-integration'; import { AlmKeys, AlmSettingsInstance } from '../../../types/alm-settings'; import CreateProjectPageHeader from './CreateProjectPageHeader'; import GitlabProjectSelectionForm from './GitlabProjectSelectionForm'; import PersonalAccessTokenForm from './PersonalAccessTokenForm'; import WrongBindingCountAlert from './WrongBindingCountAlert'; export interface GitlabProjectCreateRendererProps { canAdmin?: boolean; importingGitlabProjectId?: string; loading: boolean; loadingMore: boolean; onImport: (gitlabProjectId: string) => void; onLoadMore: () => void; onPersonalAccessTokenCreated: () => void; onSearch: (searchQuery: string) => void; projects?: GitlabProject[]; projectsPaging: T.Paging; resetPat: boolean; searching: boolean; searchQuery: string; settings?: AlmSettingsInstance; showPersonalAccessTokenForm?: boolean; } export default function GitlabProjectCreateRenderer(props: GitlabProjectCreateRendererProps) { const { canAdmin, importingGitlabProjectId, loading, loadingMore, projects, projectsPaging, resetPat, searching, searchQuery, settings, showPersonalAccessTokenForm } = props; return ( <> <CreateProjectPageHeader title={ <span className="text-middle"> <img alt="" // Should be ignored by screen readers className="spacer-right" height="24" src={`${getBaseUrl()}/images/alm/gitlab.svg`} /> {translate('onboarding.create_project.gitlab.title')} </span> } /> {loading && <i className="spinner" />} {!loading && !settings && ( <WrongBindingCountAlert alm={AlmKeys.GitLab} canAdmin={!!canAdmin} /> )} {!loading && settings && (showPersonalAccessTokenForm ? ( <PersonalAccessTokenForm almSetting={settings} resetPat={resetPat} onPersonalAccessTokenCreated={props.onPersonalAccessTokenCreated} /> ) : ( <GitlabProjectSelectionForm importingGitlabProjectId={importingGitlabProjectId} loadingMore={loadingMore} onImport={props.onImport} onLoadMore={props.onLoadMore} onSearch={props.onSearch} projects={projects} projectsPaging={projectsPaging} searching={searching} searchQuery={searchQuery} /> ))} </> ); }