All files / modules/75-cf/components/CreateFlagButton CreateFlagButton.tsx

100% Statements 19/19
100% Branches 2/2
100% Functions 2/2
100% Lines 19/19

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              5x 5x 5x 5x 5x 5x 5x 5x 5x             5x 8x   7x 7x 7x   7x                 7x             1x 1x                       5x  
/*
 * Copyright 2022 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, { ReactElement } from 'react'
import RbacButton from '@rbac/components/Button/Button'
import { ResourceType } from '@rbac/interfaces/ResourceType'
import { PermissionIdentifier } from '@rbac/interfaces/PermissionIdentifier'
import { useFeatureFlagTelemetry } from '@cf/hooks/useFeatureFlagTelemetry'
import usePlanEnforcement from '@cf/hooks/usePlanEnforcement'
import { FeatureIdentifier } from 'framework/featureStore/FeatureIdentifier'
import { useStrings } from 'framework/strings'
import css from './CreateFlagButton.module.scss'
 
export interface CreateFlagButtonProps {
  disabled?: boolean
  showModal: () => void
}
 
const CreateFlagButton = (props: CreateFlagButtonProps): ReactElement => {
  const { disabled, showModal } = props
 
  const { getString } = useStrings()
  const events = useFeatureFlagTelemetry()
  const { isPlanEnforcementEnabled } = usePlanEnforcement()
 
  const planEnforcementProps = isPlanEnforcementEnabled
    ? {
        featuresProps: {
          featuresRequest: {
            featureNames: [FeatureIdentifier.MAUS]
          }
        }
      }
    : undefined
  return (
    <RbacButton
      data-testid="create-flag-button"
      disabled={disabled}
      text={getString('cf.featureFlags.newFlag')}
      intent="primary"
      onClick={() => {
        events.createFeatureFlagStart()
        showModal()
      }}
      className={css.openModalBtn}
      permission={{
        permission: PermissionIdentifier.EDIT_FF_FEATUREFLAG,
        resource: { resourceType: ResourceType.FEATUREFLAG }
      }}
      {...planEnforcementProps}
    />
  )
}
 
export default CreateFlagButton