'use strict';

  var AnimalImage = require('./AnimalImage.jsx');

  var AnimalWrapper = React.createClass({
    handleClick: function () {
      this.props.onClick(this);
    },

    render: function() {
      var listItemClassList = this.props.active + " block Animal-wrapper p1 col col-12 mt1 mb1";
      var src = "http://www.chloechen.io/images/Animals/thumbnail/" + this.props.data.id + ".jpg";
      return (
        <li onClick={this.handleClick} className={listItemClassList} >
        </li>
      );
    }
  });

module.exports = AnimalWrapper;

'use strict';

  var AnimalImage = require('./AnimalImage.jsx');

  var AnimalWrapper = React.createClass({
    handleClick: function () {
      this.props.onClick(this);
    },

    render: function() {
      var listItemClassList = this.props.active + " block Animal-wrapper p1 col col-12 mt1 mb1";
      var src = "http://www.chloechen.io/images/Animals/thumbnail/" + this.props.data.id + ".jpg";
      return (
        <li onClick={this.handleClick} className={listItemClassList} >
          <figure>
          <AnimalImage src={src} alt={this.props.data.commonName} />
          </figure>
          <h3 className="figcaption">{this.props.data.commonName}</h3>
        </li>
      );
    }
  });

module.exports = AnimalWrapper;

Return for render complete, render successful
Return for render complete, render successful
