PrettyLoader-Redux.es6

import React from 'react';
import { connect } from 'react-redux';

class PrettyLoader extends React.Component {
  _show() {
    // Don't forget that loading can be any data type you want!
    if (this.props.loading === true) {
      return (
        <div className="loading">
          <img src="crazyLoading.gif" />
        </div>
      );
    } else {
      return this.props.children;
    }
  }

  render() {
    return (
      <div>
        {this._show()}
      </div>
    );
  }
}

function mapStateToProps(state) {
  return {
    loading: state.loading
  };
}


export default connect(mapStateToProps) (PrettyLoader);