SMusatov
/
sentry
mirror of https://github.com/getsentry/sentry


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							import {Fragment} from 'react';

import {ModalRenderProps} from 'sentry/actionCreators/modal';
import Link from 'sentry/components/links/link';
import {t, tct} from 'sentry/locale';
import {EmailAddresses} from 'sentry/views/settings/account/accountEmails';
import TextBlock from 'sentry/views/settings/components/text/textBlock';

type Props = Pick<ModalRenderProps, 'Body' | 'Header'> & {
  actionMessage?: string;
};

function EmailVerificationModal({
  Header,
  Body,
  actionMessage = 'taking this action',
}: Props) {
  return (
    <Fragment>
      <Header closeButton>{t('Action Required')}</Header>
      <Body>
        <TextBlock>
          {tct('Please verify your email before [actionMessage], or [link].', {
            actionMessage,
            link: (
              <Link to="/settings/account/emails/" data-test-id="email-settings-link">
                {t('go to your email settings')}
              </Link>
            ),
          })}
        </TextBlock>
        <EmailAddresses />
      </Body>
    </Fragment>
  );
}

export default EmailVerificationModal;
export {EmailVerificationModal};