packages/components/containers/contacts/hooks/useContactMergeModals.tsx

   1 import { useModalTwoStatic } from '@proton/components/components/modalTwo/useModalTwo';
   2
   3 import ContactMergeDetailsModal from '../merge/ContactMergeDetailsModal';
   4 import type { ContactMergeProps } from '../merge/ContactMergeModal';
   5 import ContactMergeModal from '../merge/ContactMergeModal';
   6 import type { ContactMergePreviewModalProps } from '../merge/ContactMergePreviewModal';
   7 import ContactMergePreviewModal from '../merge/ContactMergePreviewModal';
   8
   9 export const useContactMergeModals = () => {
  10     const [contactMergeModal, handleShowContactMergeModal] = useModalTwoStatic(ContactMergeModal);
  11
  12     const [contactMergePreviewModal, handleShowContactMergePreviewModal] = useModalTwoStatic(ContactMergePreviewModal);
  13
  14     const [contactMergeDetailsModal, handleShowContactMergeDetailsModal] = useModalTwoStatic(ContactMergeDetailsModal);
  15
  16     const handleMergeDetails = (contactID: string) => {
  17         handleShowContactMergeDetailsModal({ contactID });
  18     };
  19
  20     const handleMergePreview = (props: ContactMergePreviewModalProps) => {
  21         handleShowContactMergePreviewModal(props);
  22     };
  23
  24     const handleMerge = (props: ContactMergeProps) => {
  25         handleShowContactMergeModal({
  26             ...props,
  27             onMergeDetails: handleMergeDetails,
  28             onMergePreview: handleMergePreview,
  29         });
  30     };
  31
  32     const modals = (
  33         <>
  34             {contactMergeModal}
  35             {contactMergePreviewModal}
  36             {contactMergeDetailsModal}
  37         </>
  38     );
  39
  40     return {
  41         modals,
  42         onMerge: handleMerge,
  43     };
  44 };