All files / modules/20-rbac/modals/RoleModal useRoleModal.tsx

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

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              10x 10x 10x 10x   10x                       10x 10x 10x   3x                   2x 2x               10x   3x 3x         10x 3x        
/*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Free Trial 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/05/PolyForm-Free-Trial-1.0.0.txt.
 */
 
import React, { useCallback, useState } from 'react'
import { Dialog } from '@wings-software/uicore'
import { useModalHook } from '@harness/use-modal'
import { String } from 'framework/strings'
import type { Role } from 'services/rbac'
import RoleForm from './views/RoleForm'
 
export interface UseRoleModalProps {
  onSuccess: (role: Role) => void
  onCloseModal?: () => void
}
 
export interface UseRoleModalReturn {
  openRoleModal: (role?: Role) => void
  closeRoleModal: () => void
}
 
export const useRoleModal = ({ onSuccess }: UseRoleModalProps): UseRoleModalReturn => {
  const [roleData, setRoleData] = useState<Role>()
  const [showModal, hideModal] = useModalHook(
    () => (
      <Dialog
        isOpen={true}
        title={roleData ? <String stringID="editRole" /> : <String stringID="newRole" />}
        enforceFocus={false}
        onClose={hideModal}
      >
        <RoleForm
          data={roleData}
          isEdit={!!roleData}
          onSubmit={role => {
            onSuccess(role)
            hideModal()
          }}
          onCancel={hideModal}
        />
      </Dialog>
    ),
    [roleData, onSuccess]
  )
  const open = useCallback(
    (_role?: Role) => {
      setRoleData(_role)
      showModal()
    },
    [showModal]
  )
 
  return {
    openRoleModal: (role?: Role) => open(role),
    closeRoleModal: hideModal
  }
}