packages/components/containers/contacts/merge/ContactMergeErrorContent.tsx

   1 import { c } from 'ttag';
   2
   3 import { Button } from '@proton/atoms';
   4 import Alert from '@proton/components/components/alert/Alert';
   5 import Icon from '@proton/components/components/icon/Icon';
   6 import ModalTwoContent from '@proton/components/components/modalTwo/ModalContent';
   7 import ModalTwoFooter from '@proton/components/components/modalTwo/ModalFooter';
   8 import ModalTwoHeader from '@proton/components/components/modalTwo/ModalHeader';
   9
  10 interface Props {
  11     model: {
  12         errorOnMerge?: boolean;
  13         errorOnLoad?: boolean;
  14     };
  15     onClose?: () => void;
  16 }
  17
  18 const ContactMergeErrorContent = ({ model, onClose }: Props) => {
  19     const error = model.errorOnLoad
  20         ? c('Warning').t`Some of the contacts to be merged display errors. Please review them individually`
  21         : c('Warning').t`Contacts could not be merged`;
  22
  23     return (
  24         <>
  25             <ModalTwoHeader title={c('Title').t`Contact Details`} />
  26             <ModalTwoContent>
  27                 <Alert type="warning">
  28                     <Icon name="exclamation-circle" className="mr-4" />
  29                     <span className="mr-4">{error}</span>
  30                 </Alert>
  31             </ModalTwoContent>
  32             <ModalTwoFooter>
  33                 <Button onClick={onClose}>{c('Action').t`Cancel`}</Button>
  34             </ModalTwoFooter>
  35         </>
  36     );
  37 };
  38
  39 export default ContactMergeErrorContent;