136 lines
5.3 KiB
JavaScript
136 lines
5.3 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import { withRouter } from 'react-router';
|
|
import * as MODALS from 'constants/modal_types';
|
|
import ModalError from 'modal/modalError';
|
|
import ModalDownloading from 'modal/modalDownloading';
|
|
import ModalAutoGenerateThumbnail from 'modal/modalAutoGenerateThumbnail';
|
|
import ModalAutoUpdateDownloaded from 'modal/modalAutoUpdateDownloaded';
|
|
import ModalUpgrade from 'modal/modalUpgrade';
|
|
import ModalWelcome from 'modal/modalWelcome';
|
|
import ModalFirstReward from 'modal/modalFirstReward';
|
|
import ModalRemoveFile from 'modal/modalRemoveFile';
|
|
import ModalTransactionFailed from 'modal/modalTransactionFailed';
|
|
import ModalFileTimeout from 'modal/modalFileTimeout';
|
|
import ModalAffirmPurchase from 'modal/modalAffirmPurchase';
|
|
import ModalRevokeClaim from 'modal/modalRevokeClaim';
|
|
import ModalPhoneCollection from 'modal/modalPhoneCollection';
|
|
import ModalFirstSubscription from 'modal/modalFirstSubscription';
|
|
import ModalConfirmTransaction from 'modal/modalConfirmTransaction';
|
|
import ModalSocialShare from 'modal/modalSocialShare';
|
|
import ModalSendTip from 'modal/modalSendTip';
|
|
import ModalPublish from 'modal/modalPublish';
|
|
import ModalOpenExternalResource from 'modal/modalOpenExternalResource';
|
|
import ModalConfirmThumbnailUpload from 'modal/modalConfirmThumbnailUpload';
|
|
import ModalWalletEncrypt from 'modal/modalWalletEncrypt';
|
|
import ModalWalletDecrypt from 'modal/modalWalletDecrypt';
|
|
import ModalWalletUnlock from 'modal/modalWalletUnlock';
|
|
import ModalRewardCode from 'modal/modalRewardCode';
|
|
import ModalPasswordUnsave from 'modal/modalPasswordUnsave';
|
|
import ModalCommentAcknowledgement from 'modal/modalCommentAcknowledgement';
|
|
import ModalWalletSend from 'modal/modalWalletSend';
|
|
import ModalWalletReceive from 'modal/modalWalletReceive';
|
|
import ModalYoutubeWelcome from 'modal/modalYoutubeWelcome';
|
|
import ModalCreateChannel from 'modal/modalChannelCreate';
|
|
import ModalMobileNavigation from 'modal/modalMobileNavigation';
|
|
import ModalSetReferrer from 'modal/modalSetReferrer';
|
|
import ModalRepost from 'modal/modalRepost';
|
|
|
|
type Props = {
|
|
modal: { id: string, modalProps: {} },
|
|
error: { message: string },
|
|
location: { pathname: string },
|
|
hideModal: () => void,
|
|
};
|
|
|
|
function ModalRouter(props: Props) {
|
|
const { modal, error, location, hideModal } = props;
|
|
const { pathname } = location;
|
|
|
|
React.useEffect(() => {
|
|
hideModal();
|
|
}, [pathname, hideModal]);
|
|
|
|
if (error) {
|
|
return <ModalError {...error} />;
|
|
}
|
|
|
|
if (!modal) {
|
|
return null;
|
|
}
|
|
|
|
const { id, modalProps } = modal;
|
|
|
|
switch (id) {
|
|
case MODALS.UPGRADE:
|
|
return <ModalUpgrade {...modalProps} />;
|
|
case MODALS.DOWNLOADING:
|
|
return <ModalDownloading {...modalProps} />;
|
|
case MODALS.AUTO_GENERATE_THUMBNAIL:
|
|
return <ModalAutoGenerateThumbnail {...modalProps} />;
|
|
case MODALS.AUTO_UPDATE_DOWNLOADED:
|
|
return <ModalAutoUpdateDownloaded {...modalProps} />;
|
|
case MODALS.ERROR:
|
|
return <ModalError {...modalProps} />;
|
|
case MODALS.FILE_TIMEOUT:
|
|
return <ModalFileTimeout {...modalProps} />;
|
|
case MODALS.WELCOME:
|
|
return <ModalWelcome {...modalProps} />;
|
|
case MODALS.FIRST_REWARD:
|
|
return <ModalFirstReward {...modalProps} />;
|
|
case MODALS.TRANSACTION_FAILED:
|
|
return <ModalTransactionFailed {...modalProps} />;
|
|
case MODALS.CONFIRM_FILE_REMOVE:
|
|
return <ModalRemoveFile {...modalProps} />;
|
|
case MODALS.AFFIRM_PURCHASE:
|
|
return <ModalAffirmPurchase {...modalProps} />;
|
|
case MODALS.CONFIRM_CLAIM_REVOKE:
|
|
return <ModalRevokeClaim {...modalProps} />;
|
|
case MODALS.PHONE_COLLECTION:
|
|
return <ModalPhoneCollection {...modalProps} />;
|
|
case MODALS.FIRST_SUBSCRIPTION:
|
|
return <ModalFirstSubscription {...modalProps} />;
|
|
case MODALS.SEND_TIP:
|
|
return <ModalSendTip {...modalProps} />;
|
|
case MODALS.SOCIAL_SHARE:
|
|
return <ModalSocialShare {...modalProps} />;
|
|
case MODALS.PUBLISH:
|
|
return <ModalPublish {...modalProps} />;
|
|
case MODALS.CONFIRM_EXTERNAL_RESOURCE:
|
|
return <ModalOpenExternalResource {...modalProps} />;
|
|
case MODALS.CONFIRM_TRANSACTION:
|
|
return <ModalConfirmTransaction {...modalProps} />;
|
|
case MODALS.CONFIRM_THUMBNAIL_UPLOAD:
|
|
return <ModalConfirmThumbnailUpload {...modalProps} />;
|
|
case MODALS.WALLET_ENCRYPT:
|
|
return <ModalWalletEncrypt {...modalProps} />;
|
|
case MODALS.WALLET_DECRYPT:
|
|
return <ModalWalletDecrypt {...modalProps} />;
|
|
case MODALS.WALLET_UNLOCK:
|
|
return <ModalWalletUnlock {...modalProps} />;
|
|
case MODALS.WALLET_PASSWORD_UNSAVE:
|
|
return <ModalPasswordUnsave {...modalProps} />;
|
|
case MODALS.REWARD_GENERATED_CODE:
|
|
return <ModalRewardCode {...modalProps} />;
|
|
case MODALS.COMMENT_ACKNOWEDGEMENT:
|
|
return <ModalCommentAcknowledgement {...modalProps} />;
|
|
case MODALS.WALLET_SEND:
|
|
return <ModalWalletSend {...modalProps} />;
|
|
case MODALS.WALLET_RECEIVE:
|
|
return <ModalWalletReceive {...modalProps} />;
|
|
case MODALS.YOUTUBE_WELCOME:
|
|
return <ModalYoutubeWelcome />;
|
|
case MODALS.CREATE_CHANNEL:
|
|
return <ModalCreateChannel {...modalProps} />;
|
|
case MODALS.MOBILE_NAVIGATION:
|
|
return <ModalMobileNavigation {...modalProps} />;
|
|
case MODALS.SET_REFERRER:
|
|
return <ModalSetReferrer {...modalProps} />;
|
|
case MODALS.REPOST:
|
|
return <ModalRepost {...modalProps} />;
|
|
default:
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export default withRouter(ModalRouter);
|