react spinning mixin

spinning_mixin.js

// include http://fgnass.github.io/spin.js/jquery.spin.js first

var SpinningMixin = {
    componentWillUpdate: function (nextProps, nextState) {

        if (this.state.inProgress && !nextState.inProgress) {
            this.stopSpinning();
        }

        if (!this.state.inProgress && nextState.inProgress) {
            this.startSpinning();
        }

    },

    startSpinning: function () {
        $(this.getDOMNode()).spin(true);
    },

    stopSpinning: function () {
        $(this.getDOMNode()).spin(false);
    }

};


module.exports = SpinningMixin;