All files / modules/33-auth-settings/modals/RestrictEmailDomains useRestrictEmailDomains.tsx

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
 
 
 
 
 
 
 
2x
2x
2x
2x
2x
2x
 
 
 
 
 
 
 
 
 
 
2x
6x
 
1x
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
6x
 
 
 
 
 
/*
 * 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 from 'react'
import cx from 'classnames'
import { useModalHook } from '@harness/use-modal'
import { Dialog, Classes } from '@blueprintjs/core'
import RestrictEmailDomainsForm from './views/RestrictEmailDomainsForm'
import css from './useRestrictEmailDomains.module.scss'
 
interface Props {
  onSuccess: () => void
  whitelistedDomains: string[]
}
interface ModalReturn {
  openRestrictEmailDomainsModal: () => void
  closeRestrictEmailDomainsModal: () => void
}
 
export const useRestrictEmailDomains = ({ onSuccess, whitelistedDomains }: Props): ModalReturn => {
  const [showModal, hideModal] = useModalHook(
    () => (
      <Dialog enforceFocus={false} isOpen title="" onClose={hideModal} className={cx(css.dialog, Classes.DIALOG)}>
        <RestrictEmailDomainsForm
          onSubmit={() => {
            onSuccess()
            hideModal()
          }}
          onCancel={() => {
            hideModal()
          }}
          whitelistedDomains={whitelistedDomains}
        />
      </Dialog>
    ),
    [whitelistedDomains]
  )
 
  return {
    openRestrictEmailDomainsModal: showModal,
    closeRestrictEmailDomainsModal: hideModal
  }
}