{"size": 1420, "ext": "js", "max_stars_repo_path": "src/components/checkout-done.js", "max_stars_repo_name": "gcrewe/catshop", "max_stars_repo_stars_event_min_datetime": "2015-02-14T13:52:27.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-03T14:59:18.000Z", "max_issues_repo_path": "src/components/checkout-done.js", "max_issues_repo_name": "gcrewe/catshop", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/checkout-done.js", "max_forks_repo_name": "gcrewe/catshop", "max_forks_repo_forks_event_min_datetime": "2015-01-28T23:49:33.000Z", "max_forks_repo_forks_event_max_datetime": "2020-06-09T13:03:47.000Z"}
{"max_stars_count": 41, "max_issues_count": null, "max_forks_count": 16, "avg_line_length": 30.8695652174, "max_line_length": 195, "alphanum_fraction": 0.5922535211}
/** @jsx React.DOM */

var React = require('react')
var ProductSummary = require('./product-summary')
var productRemoved = require('./product-events').productRemoved

var CheckoutDone = React.createClass({
  handleDoneClick: function(e) {
    productRemoved.publish(null)
    this.props.onRequestHide(e)
  },

  render: function() {
    var summaries = this.props.products.map(function(product) {
      return <ProductSummary key={ product.id } product={ product } />
    })
    
    return (
      <div>
        <div className="modal-body center">
          <h3>Your cats are on their way!</h3>
          <h3>(just kidding)</h3>
          <h5>But here are their favorite quotes on liberty:</h5>
          <table className="table table-hover">
            <thead></thead>
            <tbody>
              { summaries }
            </tbody>
          </table>
        </div>
        <div className="modal-footer">
          <div className="pull-left">
            <a href="https://twitter.com/share" className="twitter-share-button" data-text="I just bought some fake cats from the Coinbolt Cat Shop!" data-size="large" data-count="none">Tweet</a>

          </div>
          <button type="button" className="btn btn-success" onClick={ this.handleDoneClick }>
            Done <span className="glyphicon glyphicon-play"></span>
          </button>
        </div>
      </div>
    )
  }
})

module.exports = CheckoutDone
