All files / modules/75-cf/pages/target-group-detail/components/FlagSettingsPanel/FlagsListing DeleteFlagButtonCell.tsx

100% Statements 10/10
100% Branches 0/0
100% Functions 2/2
100% Lines 10/10

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              4x   4x 4x     4x   4x 556x   556x             5x 5x             4x  
/*
 * 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, { FC } from 'react'
import type { Cell } from 'react-table'
import { Button, ButtonVariation } from '@harness/uicore'
import { useStrings } from 'framework/strings'
import type { Feature } from 'services/cf'
 
import css from './FlagsListing.module.scss'
 
const DeleteFlagButtonCell: FC<Cell<Feature>> = ({ value: { onRowDelete } }) => {
  const { getString } = useStrings()
 
  return (
    <div className={css.alignRight}>
      <Button
        icon="trash"
        variation={ButtonVariation.ICON}
        aria-label={getString('cf.segmentDetail.removeRule')}
        onClick={e => {
          e.preventDefault()
          onRowDelete()
        }}
      />
    </div>
  )
}
 
export default DeleteFlagButtonCell