2017-12-21 22:08:54 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Modal } from 'modal/modal';
|
|
|
|
import Link from 'component/link/index';
|
|
|
|
import UserEmailNew from 'component/userEmailNew';
|
|
|
|
import UserEmailVerify from 'component/userEmailVerify';
|
2017-12-07 19:07:30 +01:00
|
|
|
|
|
|
|
class ModalEmailCollection extends React.PureComponent {
|
|
|
|
renderInner() {
|
|
|
|
const { closeModal, email, user } = this.props;
|
|
|
|
|
2017-12-21 22:08:54 +01:00
|
|
|
const cancelButton = <Link button="text" onClick={closeModal} label={__('Not Now')} />;
|
2017-12-07 19:07:30 +01:00
|
|
|
|
|
|
|
if (!user.has_verified_email && !email) {
|
|
|
|
return <UserEmailNew cancelButton={cancelButton} />;
|
|
|
|
} else if (!user.has_verified_email) {
|
|
|
|
return <UserEmailVerify cancelButton={cancelButton} />;
|
|
|
|
}
|
2017-12-21 22:08:54 +01:00
|
|
|
closeModal();
|
2017-12-07 19:07:30 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const { user } = this.props;
|
|
|
|
|
2017-12-21 22:08:54 +01:00
|
|
|
// this shouldn't happen
|
2017-12-07 19:07:30 +01:00
|
|
|
if (!user) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2017-12-21 22:08:54 +01:00
|
|
|
<Modal type="custom" isOpen contentLabel="Email">
|
2017-12-07 19:07:30 +01:00
|
|
|
<section>
|
2017-12-21 22:08:54 +01:00
|
|
|
<h3 className="modal__header">Can We Stay In Touch?</h3>
|
2017-12-07 19:07:30 +01:00
|
|
|
{this.renderInner()}
|
|
|
|
</section>
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ModalEmailCollection;
|