67 lines
1.6 KiB
JavaScript
67 lines
1.6 KiB
JavaScript
// @flow
|
|
import React, { Suspense } from 'react';
|
|
import { Modal } from 'modal/modal';
|
|
import Button from 'component/button';
|
|
import UserPhoneVerify from 'component/userPhoneVerify';
|
|
import { withRouter } from 'react-router-dom';
|
|
|
|
const LazyUserPhoneNew = React.lazy(() =>
|
|
import(/* webpackChunkName: "userPhoneNew" */
|
|
'component/userPhoneNew')
|
|
);
|
|
|
|
type Props = {
|
|
phone: ?number,
|
|
user: {
|
|
phone_number: ?number,
|
|
},
|
|
closeModal: () => void,
|
|
history: { push: string => void },
|
|
};
|
|
|
|
class ModalPhoneCollection extends React.PureComponent<Props> {
|
|
getTitle() {
|
|
const { user, phone } = this.props;
|
|
|
|
if (!user.phone_number && !phone) {
|
|
return __('Enter Your Phone Number');
|
|
}
|
|
return __('Enter The Verification Code');
|
|
}
|
|
|
|
renderInner() {
|
|
const { closeModal, phone, user, history } = this.props;
|
|
|
|
const cancelButton = <Button button="link" onClick={closeModal} label={__('Not Now')} />;
|
|
|
|
if (!user.phone_number && !phone) {
|
|
return (
|
|
<Suspense fallback={<div />}>
|
|
<LazyUserPhoneNew cancelButton={cancelButton} />
|
|
</Suspense>
|
|
);
|
|
} else if (!user.phone_number) {
|
|
return <UserPhoneVerify cancelButton={cancelButton} />;
|
|
}
|
|
|
|
history.push('/$/rewards');
|
|
return closeModal();
|
|
}
|
|
|
|
render() {
|
|
const { user } = this.props;
|
|
|
|
// this shouldn't happen
|
|
if (!user) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Modal type="custom" isOpen contentLabel="Phone" title={this.getTitle()}>
|
|
{this.renderInner()}
|
|
</Modal>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default withRouter(ModalPhoneCollection);
|