render()

in assets/src/modules/cart/CartProductRow.tsx [68:107]

• 38 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    if (!this.state.book) return null;

    return (
      <div className="white-box">
        <div className="media">
          <div className="media-left media-middle">
            <img className="media-object product-thumb" src={this.state.book.cover} alt={`${this.state.book.name} cover`} />
          </div>
          <div className="media-body">
            <h3 className="media-heading">{this.state.book.name}
              <div className="pull-right margin-1">
                <small>${this.state.book.price}</small>
              </div>
            </h3>
            <p>
              <small>{this.state.book.category}</small>
            </p>
            <FriendRecommendations bookId={this.props.order.bookId} />
            <div>
              Rating
              <div className="pull-right">
                <div className="input-group">

                  <input type="number" className="form-control" placeholder="Quantity" defaultValue={this.props.order.quantity.toString()} onChange={this.onQuantityUpdated} min={1} />
                  <span className="input-group-btn">
                    <button className="btn btn-black" type="button" onClick={this.onRemove} disabled={this.state.removeLoading}>
                      {this.state.removeLoading && <Glyphicon glyph="refresh" className="spinning" />} 
                      Remove
                    </button>
                  </span>
                </div>
              </div>
            </div>
            <p><StarRating stars={this.state.book.rating} /></p>
          </div>
        </div>
      </div>
    );
  }