132 lines
3.5 KiB
JavaScript
132 lines
3.5 KiB
JavaScript
import React from "react";
|
|
import ModalError from "modal/modalError";
|
|
import ModalAuthFailure from "modal/modalAuthFailure";
|
|
import ModalDownloading from "modal/modalDownloading";
|
|
import ModalInsufficientCredits from "modal/modalInsufficientCredits";
|
|
import ModalUpgrade from "modal/modalUpgrade";
|
|
import ModalWelcome from "modal/modalWelcome";
|
|
import ModalFirstReward from "modal/modalFirstReward";
|
|
import ModalRewardApprovalRequired from "modal/modalRewardApprovalRequired";
|
|
import ModalCreditIntro from "modal/modalCreditIntro";
|
|
import ModalTransactionFailed from "modal/modalTransactionFailed";
|
|
import ModalInsufficientBalance from "modal/modalInsufficientBalance";
|
|
import * as modals from "constants/modal_types";
|
|
|
|
class ModalRouter extends React.PureComponent {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
lastTransitionModal: null,
|
|
lastTransitionPage: null,
|
|
};
|
|
}
|
|
|
|
componentWillMount() {
|
|
this.showTransitionModals(this.props);
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
this.showTransitionModals(nextProps);
|
|
}
|
|
|
|
showTransitionModals(props) {
|
|
const { modal, openModal, page } = props;
|
|
|
|
if (modal) {
|
|
return;
|
|
}
|
|
|
|
const transitionModal = [
|
|
this.checkShowWelcome,
|
|
this.checkShowCreditIntro,
|
|
this.checkShowInsufficientCredits,
|
|
].reduce((acc, func) => {
|
|
return !acc ? func.bind(this)(props) : acc;
|
|
}, false);
|
|
|
|
if (
|
|
transitionModal &&
|
|
(transitionModal != this.state.lastTransitionModal ||
|
|
page != this.state.lastTransitionPage)
|
|
) {
|
|
openModal(transitionModal);
|
|
this.setState({
|
|
lastTransitionModal: transitionModal,
|
|
lastTransitionPage: page,
|
|
});
|
|
}
|
|
}
|
|
|
|
checkShowWelcome(props) {
|
|
const { isWelcomeAcknowledged, user } = props;
|
|
if (
|
|
!isWelcomeAcknowledged &&
|
|
user &&
|
|
!user.is_reward_approved &&
|
|
!user.is_identity_verified
|
|
) {
|
|
return modals.WELCOME;
|
|
}
|
|
}
|
|
|
|
checkShowCreditIntro(props) {
|
|
const { page, isCreditIntroAcknowledged, user } = props;
|
|
|
|
if (
|
|
!isCreditIntroAcknowledged &&
|
|
user &&
|
|
!user.is_reward_approved &&
|
|
(["rewards", "send", "receive", "publish", "wallet"].includes(page) ||
|
|
this.isPaidShowPage(props))
|
|
) {
|
|
return modals.CREDIT_INTRO;
|
|
}
|
|
}
|
|
|
|
checkShowInsufficientCredits(props) {
|
|
const { balance, page } = props;
|
|
|
|
if (balance <= 0 && ["send", "publish"].includes(page)) {
|
|
return modals.INSUFFICIENT_CREDITS;
|
|
}
|
|
}
|
|
|
|
isPaidShowPage(props) {
|
|
const { page, showPageCost } = props;
|
|
return page === "show" && showPageCost > 0;
|
|
}
|
|
|
|
render() {
|
|
const { modal } = this.props;
|
|
|
|
switch (modal) {
|
|
case modals.UPGRADE:
|
|
return <ModalUpgrade />;
|
|
case modals.DOWNLOADING:
|
|
return <ModalDownloading />;
|
|
case modals.ERROR:
|
|
return <ModalError />;
|
|
case modals.INSUFFICIENT_CREDITS:
|
|
return <ModalInsufficientCredits />;
|
|
case modals.WELCOME:
|
|
return <ModalWelcome />;
|
|
case modals.FIRST_REWARD:
|
|
return <ModalFirstReward />;
|
|
case modals.AUTHENTICATION_FAILURE:
|
|
return <ModalAuthFailure />;
|
|
case modals.CREDIT_INTRO:
|
|
return <ModalCreditIntro />;
|
|
case modals.TRANSACTION_FAILED:
|
|
return <ModalTransactionFailed />;
|
|
case modals.INSUFFICIENT_BALANCE:
|
|
return <ModalInsufficientBalance />;
|
|
case modals.REWARD_APPROVAL_REQUIRED:
|
|
return <ModalRewardApprovalRequired />;
|
|
default:
|
|
return null;
|
|
}
|
|
}
|
|
}
|
|
|
|
export default ModalRouter;
|