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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445
							import * as React from 'react';
import {withRouter} from 'react-router';
import {WithRouterProps} from 'react-router/lib/withRouter';

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

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

function EmailVerificationModal({
  Header,
  Body,
  actionMessage = 'taking this action',
}: Props) {
  return (
    <React.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>
    </React.Fragment>
  );
}

export default withRouter(withApi(EmailVerificationModal));
export {EmailVerificationModal};