All files / modules/30-delegates/components/DelegateResourceRenderer DelegateResourceRenderer.tsx

77.78% Statements 14/18
75% Branches 3/4
33.33% Functions 2/6
77.78% Lines 14/18

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 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83              1x 1x 1x     1x 1x       1x           1x 1x 1x               1x   1x   1x       1x                                                                               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, { useMemo } from 'react'
import get from 'lodash-es/get'
import { Button, TableV2 } from '@wings-software/uicore'
import type { RbacResourceRendererProps } from '@rbac/factories/RbacFactory'
import type { DelegateGroupDetails } from 'services/portal'
import { useGetDelegateGroupsV2 } from 'services/portal'
import { PageSpinner } from '@common/components'
 
type CellType = { row: { original: DelegateGroupDetails } }
 
const DelegateResourceRenderer: React.FC<RbacResourceRendererProps> = ({
  identifiers,
  resourceScope,
  resourceType,
  onResourceSelectionChange
}) => {
  const { accountIdentifier, orgIdentifier, projectIdentifier } = resourceScope
  const queryParams = useMemo(
    () => ({
      accountId: accountIdentifier,
      orgId: orgIdentifier,
      projectId: projectIdentifier,
      module
    }),
    [accountIdentifier, orgIdentifier, projectIdentifier]
  )
  const { data, loading } = useGetDelegateGroupsV2({ queryParams })
 
  const delegateGroupDetails: DelegateGroupDetails[] = get(data, 'resource.delegateGroupDetails', [])
 
  const filteredDelegateGroupDetails = delegateGroupDetails.filter(group =>
    identifiers.includes(get(group, 'delegateGroupIdentifier', ''))
  )
 
  return filteredDelegateGroupDetails && !loading ? (
    <TableV2
      columns={[
        {
          Header: '',
          id: 'name',
          accessor: 'groupName',
          width: '95%',
          // eslint-disable-next-line react/display-name
          Cell: (element: CellType) => <div>{element.row.original.groupName}</div>,
          disableSortBy: true
        },
        {
          id: 'removeBtn',
          width: '5%',
          disableSortBy: true,
          // eslint-disable-next-line react/display-name
          Cell: (element: CellType) => {
            return (
              <Button
                icon="trash"
                minimal
                onClick={() => {
                  onResourceSelectionChange(resourceType, false, [
                    get(element, 'row.original.delegateGroupIdentifier', '')
                  ])
                }}
              />
            )
          }
        }
      ]}
      data={filteredDelegateGroupDetails}
      hideHeaders={true}
    />
  ) : (
    <PageSpinner />
  )
}
 
export default DelegateResourceRenderer