lbry-desktop/ui/js/modal/modalRouter/view.jsx

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;