packages/components/containers/forward/WarningChainedForwarding.tsx

   1 import { c } from 'ttag';
   2
   3 import Icon from '@proton/components/components/icon/Icon';
   4 import Tooltip from '@proton/components/components/tooltip/Tooltip';
   5
   6 import { isChainedForwarding } from './helpers';
   7
   8 interface Props {
   9     chainedEmails: string[];
  10     forwardEmail: string;
  11 }
  12
  13 const WarningChainedForwarding = ({ chainedEmails, forwardEmail }: Props) => {
  14     if (!isChainedForwarding(chainedEmails, forwardEmail)) {
  15         return null;
  16     }
  17     return (
  18         <Tooltip
  19             title={c('email_forwarding_2023: Forwarding tooltip')
  20                 .t`Emails forwarded to you are excluded and will not be forwarded.`}
  21         >
  22             <Icon
  23                 name="exclamation-triangle-filled"
  24                 className="mr-2 color-warning"
  25                 alt={c('email_forwarding_2023: Warning').t`Warning`}
  26             />
  27         </Tooltip>
  28     );
  29 };
  30
  31 export default WarningChainedForwarding;