hooks useNiceModal.ts

100% Statements 13/13

100% Branches 2/2

100% Functions 6/6

100% Lines 13/13

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  
 
231x
5163x
 
5158x
107x
 
 
5158x
27x
 
 
5158x
 
6x
6x
 
 
 
5158x
 
4x
4x
 
 
 
 
5158x
 
 
 
 
 
 
 
 
 
 
  import { useModal } from "@ebay/nice-modal-react";
 
const useNiceModal = () => {
  const modal = useModal();
 
  const onClose = () => {
    modal.hide();
  };
 
  const onRemove = () => {
    modal.remove();
  };
 
  const TransitionProps = {
    onExited: () => {
      modal.resolveHide();
      !modal.keepMounted && modal.remove();
    },
  };
 
  const SlideProps = {
    onExit: () => {
      setTimeout(() => {
        modal.remove();
      }, 90);
    },
  };
 
  return {
    modal,
    open: modal.visible,
    onClose,
    onRemove,
    TransitionProps: TransitionProps,
    SlideProps,
  };
};
 
export default useNiceModal;