All files / modules/70-pipeline/components/RunPipelineModal CheckBoxActions.tsx

92.31% Statements 12/13
75% Branches 6/8
66.67% Functions 2/3
92.31% Lines 12/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              31x 31x 31x   31x   31x                   31x 192x 192x   192x 11x     181x                 1x                                    
/*
 * 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, { Dispatch, SetStateAction } from 'react'
import { Tooltip } from '@blueprintjs/core'
import { Checkbox, Layout, Color } from '@harness/uicore'
 
import { useStrings } from 'framework/strings'
 
import css from './RunPipelineForm.module.scss'
 
export interface CheckBoxActionsProps {
  executionView?: boolean
  skipPreFlightCheck: boolean
  setSkipPreFlightCheck: Dispatch<SetStateAction<boolean>>
  notifyOnlyMe: boolean
  setNotifyOnlyMe: Dispatch<SetStateAction<boolean>>
}
 
export default function CheckBoxActions(props: CheckBoxActionsProps): React.ReactElement | null {
  const { executionView, skipPreFlightCheck, setSkipPreFlightCheck, notifyOnlyMe, setNotifyOnlyMe } = props
  const { getString } = useStrings()
 
  if (executionView) {
    return null
  }
 
  return (
    <Layout.Horizontal padding={{ left: 'xlarge', right: 'xlarge', top: 'medium', bottom: 'medium' }}>
      <Checkbox
        label={getString('pre-flight-check.skipCheckBtn')}
        background={Color.GREY_100}
        color={skipPreFlightCheck ? Color.PRIMARY_8 : Color.BLACK}
        className={css.footerCheckbox}
        padding={{ top: 'small', bottom: 'small', left: 'xxlarge', right: 'medium' }}
        checked={skipPreFlightCheck}
        onChange={e => setSkipPreFlightCheck(e.currentTarget.checked)}
      />
      <Tooltip position="top" content={getString('featureNA')}>
        <Checkbox
          background={notifyOnlyMe ? Color.PRIMARY_2 : Color.GREY_100}
          color={notifyOnlyMe ? Color.PRIMARY_7 : Color.BLACK}
          className={css.footerCheckbox}
          margin={{ left: 'medium' }}
          padding={{ top: 'small', bottom: 'small', left: 'xxlarge', right: 'medium' }}
          disabled
          label={getString('pipeline.runPipelineForm.notifyOnlyMe')}
          checked={notifyOnlyMe}
          onChange={e => setNotifyOnlyMe(e.currentTarget.checked)}
        />
      </Tooltip>
    </Layout.Horizontal>
  )
}