source.dussan.org Git - sonarqube.git/blob

   1 /*
   2  * SonarQube
   3  * Copyright (C) 2009-2024 SonarSource SA
   4  * mailto:info AT sonarsource DOT com
   5  *
   6  * This program is free software; you can redistribute it and/or
   7  * modify it under the terms of the GNU Lesser General Public
   8  * License as published by the Free Software Foundation; either
   9  * version 3 of the License, or (at your option) any later version.
  10  *
  11  * This program is distributed in the hope that it will be useful,
  12  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  14  * Lesser General Public License for more details.
  15  *
  16  * You should have received a copy of the GNU Lesser General Public License
  17  * along with this program; if not, write to the Free Software Foundation,
  18  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  19  */
  20 import { BasicSeparator, Title, TutorialStep, TutorialStepList } from 'design-system';
  21 import * as React from 'react';
  22 import { translate } from '../../../helpers/l10n';
  23 import { AlmKeys, AlmSettingsInstance } from '../../../types/alm-settings';
  24 import { Component } from '../../../types/types';
  25 import { LoggedInUser } from '../../../types/users';
  26 import AllSet from '../components/AllSet';
  27 import GithubCFamilyExampleRepositories from '../components/GithubCFamilyExampleRepositories';
  28 import YamlFileStep from '../components/YamlFileStep';
  29 import { BuildTools, TutorialModes } from '../types';
  30 import AnalysisCommand from './AnalysisCommand';
  31 import RepositoryVariables from './RepositoryVariables';
  32
  33 export enum Steps {
  34   REPOSITORY_VARIABLES = 1,
  35   YAML = 2,
  36   ALL_SET = 3,
  37 }
  38
  39 export interface BitbucketPipelinesTutorialProps {
  40   almBinding?: AlmSettingsInstance;
  41   baseUrl: string;
  42   component: Component;
  43   currentUser: LoggedInUser;
  44   mainBranchName: string;
  45   willRefreshAutomatically?: boolean;
  46 }
  47
  48 export default function BitbucketPipelinesTutorial(props: BitbucketPipelinesTutorialProps) {
  49   const { almBinding, baseUrl, currentUser, component, willRefreshAutomatically, mainBranchName } =
  50     props;
  51
  52   const [done, setDone] = React.useState<boolean>(false);
  53   return (
  54     <>
  55       <Title>{translate('onboarding.tutorial.with.bitbucket_ci.title')}</Title>
  56
  57       <TutorialStepList className="sw-mb-8">
  58         <TutorialStep
  59           title={translate('onboarding.tutorial.with.bitbucket_pipelines.variables.title')}
  60         >
  61           <RepositoryVariables
  62             almBinding={almBinding}
  63             baseUrl={baseUrl}
  64             component={component}
  65             currentUser={currentUser}
  66           />
  67         </TutorialStep>
  68         <TutorialStep title={translate('onboarding.tutorial.with.bitbucket_pipelines.yaml.title')}>
  69           <YamlFileStep setDone={setDone}>
  70             {(buildTool) => (
  71               <>
  72                 {buildTool === BuildTools.CFamily && (
  73                   <GithubCFamilyExampleRepositories
  74                     className="sw-my-4 sw-w-abs-600"
  75                     ci={TutorialModes.BitbucketPipelines}
  76                   />
  77                 )}
  78                 <AnalysisCommand
  79                   buildTool={buildTool}
  80                   component={component}
  81                   mainBranchName={mainBranchName}
  82                 />
  83               </>
  84             )}
  85           </YamlFileStep>
  86         </TutorialStep>
  87
  88         {done && (
  89           <>
  90             <BasicSeparator className="sw-my-10" />
  91             <AllSet
  92               alm={AlmKeys.BitbucketCloud}
  93               willRefreshAutomatically={willRefreshAutomatically}
  94             />
  95           </>
  96         )}
  97       </TutorialStepList>
  98     </>
  99   );
 100 }