All files / modules/72-triggers/pages/triggers/views ArtifactConditionsPanel.tsx

100% Statements 13/13
100% Branches 2/2
100% Functions 1/1
100% Lines 13/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67              5x 5x 5x 5x 5x   5x 5x           5x     2x 2x 2x 2x                                                                             5x  
/*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Shield 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
 */
 
import React from 'react'
import { HarnessDocTooltip, Layout, Text } from '@wings-software/uicore'
import { Color } from '@harness/design-system'
import cx from 'classnames'
import { useStrings } from 'framework/strings'
 
import { ConditionRow } from './AddConditionsSection'
import css from './WebhookConditionsPanel.module.scss'
 
interface WebhookConditionsPanelPropsInterface {
  formikProps?: any
}
 
const ArtifactConditionsPanel: React.FC<WebhookConditionsPanelPropsInterface> = ({ formikProps }): JSX.Element => {
  const {
    values: { manifestType }
  } = formikProps
  const { getString } = useStrings()
  const isManifest = !!manifestType
  return (
    <Layout.Vertical className={cx(css.webhookConditionsContainer)} spacing="large" padding="xxlarge">
      <>
        <Text style={{ fontSize: '16px' }} font={{ weight: 'bold' }} inline={true} color={Color.GREY_800}>
          {getString('conditions')}
          <Text style={{ display: 'inline-block' }} color={Color.GREY_500}>
            {getString('titleOptional')}
          </Text>
          <HarnessDocTooltip tooltipId="artifactManifestConditions" useStandAlone={true} />
        </Text>
      </>
      <>
        <Text
          color={Color.BLACK}
          style={{ marginTop: 'var(--spacing-small)', marginBottom: 'var(--spacing-large)' }}
          data-tooltip-id="artifactManifestConditionSubtitle"
        >
          {getString('triggers.conditionsPanel.subtitle')}
          <HarnessDocTooltip tooltipId="artifactManifestConditionSubtitle" useStandAlone={true} />
        </Text>
      </>
      <Layout.Vertical className={css.formContent}>
        {isManifest ? (
          <ConditionRow
            formikProps={formikProps}
            name="version"
            label={getString('triggers.conditionsPanel.manifestVersion')}
          />
        ) : (
          <ConditionRow
            formikProps={formikProps}
            name="build"
            label={getString('triggers.conditionsPanel.artifactBuild')}
          />
        )}
      </Layout.Vertical>
    </Layout.Vertical>
  )
}
export default ArtifactConditionsPanel