All files / modules/20-rbac/modals/ResourceGroupModal useResourceGroupModal.tsx

100% Statements 18/18
100% Branches 2/2
100% Functions 5/5
100% Lines 17/17

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              10x 10x 10x 10x   10x                       10x 8x 8x 8x   3x                         2x 2x                 8x   3x 3x       8x 3x        
/*
 * 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, { useCallback, useState } from 'react'
import { Dialog } from '@wings-software/uicore'
import { useModalHook } from '@harness/use-modal'
import { useStrings } from 'framework/strings'
import type { ResourceGroupV2 } from 'services/resourcegroups'
import ResourceGroupModalFrom from './views/ResourceGroupModalForm'
 
export interface UseResourceGroupModalProps {
  onSuccess: (resourceGroup: ResourceGroupV2) => void
  onCloseModal?: () => void
}
 
export interface UseResourceGroupModalReturn {
  openResourceGroupModal: () => void
  closeResourceGroupModal: () => void
}
 
export const useResourceGroupModal = ({ onSuccess }: UseResourceGroupModalProps): UseResourceGroupModalReturn => {
  const [resourceGroupData, setResourceGroupData] = useState<ResourceGroupV2>()
  const { getString } = useStrings()
  const [showModal, hideModal] = useModalHook(
    () => (
      <Dialog
        isOpen={true}
        enforceFocus={false}
        title={
          resourceGroupData
            ? getString('rbac.resourceGroup.updateResourceGroupDialogTitle')
            : getString('rbac.resourceGroup.newResourceGroup')
        }
        onClose={hideModal}
      >
        <ResourceGroupModalFrom
          data={resourceGroupData}
          onSubmit={resourceGroup => {
            onSuccess(resourceGroup)
            hideModal()
          }}
          onCancel={hideModal}
          editMode={!!resourceGroupData}
        />
      </Dialog>
    ),
    [resourceGroupData, onSuccess]
  )
  const open = useCallback(
    (_resourceGroup?: ResourceGroupV2) => {
      setResourceGroupData(_resourceGroup)
      showModal()
    },
    [showModal]
  )
  return {
    openResourceGroupModal: (resourceGroup?: ResourceGroupV2) => open(resourceGroup),
    closeResourceGroupModal: hideModal
  }
}