is-pending.js

import React, { PropTypes } from 'react';

import Constants from 'cx-api/constants';

import Loading from 'ux/flow/Loading';

function isPending(loadingComponent) {
    function pendingHOC({ status, loading = {}, children }) {
        if (status === Constants.STATE_PENDING) {
            return (<loadingComponent { ...loading } />);
        }

        return children || null;
    }

    pendingHOC.propTypes = {
        status: PropTypes.oneOf([
            '',
            Constants.STATE_PENDING,
            Constants.STATE_RESOLVED,
            Constants.STATE_REJECTED
        ]),
        loading: PropTypes.object
    };

    return pendingHOC;
}

export { isPending };

export default isPending(Loading);

import React, { PropTypes } from 'react';

import Constants from 'cx-api/constants';

import Incident from 'ux/flow/Incident';

function isRejecting(rejectingComponent) {
    function rejectingHOC({ status, rejecting = {}, children }) {
        if (status === Constants.STATE_REJECTED) {
            return (<rejectingComponent { ...rejecting } />);
        }

        return children || null;
    }

    rejectingHOC.propTypes = {
        status: PropTypes.oneOf([
            '',
            Constants.STATE_PENDING,
            Constants.STATE_RESOLVED,
            Constants.STATE_REJECTED
        ]),
        rejecting: PropTypes.object
    };

    return rejectingHOC;
}

export { isRejecting };

export default isRejecting(Incident);