<commit_before>import React, { Component } from 'react';
import { connect } from 'react-redux';

import store from '../store';

export class singleProduct extends Component {


  render() {
    const selectedProduct = this.props.selectedProduct;

    return (
      <div className="container flexbox-container">
        <div>
          <h1>{selectedProduct.title}</h1>
        </div>
        <div>
          <h2>Product Description:</h2>
          <p>{selectedProduct.description}</p>
          <p>${selectedProduct.price}.00</p>
        </div>
        <div className="btn-group">
          <button type="button" className="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Quantity <span className="caret"></span>
          </button>
          <ul className="dropdown-menu">
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
          </ul>
        </div>
      </div>
    );
  }
}

const mapStateToProps = state => {
  return {
    selectedProduct: state.selectedProduct
  };
};

export default connect(mapStateToProps)(singleProduct);<commit_msg>added add to cart button<commit_after>import React, { Component } from 'react';
import { connect } from 'react-redux';

import store from '../store';

export class singleProduct extends Component {


  render() {
    const selectedProduct = this.props.selectedProduct;

    return (
      <div className="container flexbox-container">
        <div>
          <h1>{selectedProduct.title}</h1>
        </div>
        <div>
          <h2>Product Description:</h2>
          <p>{selectedProduct.description}</p>
          <p>${selectedProduct.price}.00</p>
        </div>
        <div className="btn-group">
          <button type="button" className="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Quantity <span className="caret"></span>
          </button>
          <ul className="dropdown-menu">
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
          </ul>
        </div>
        <div>
          <button type="button" class="btn btn-default">Add To Cart</button>
        </div>
      </div>
    );
  }
}

const mapStateToProps = state => {
  return {
    selectedProduct: state.selectedProduct
  };
};

export default connect(mapStateToProps)(singleProduct);
{'fraction_non_alphanumeric': 0.1823946288698247, 'fraction_numerical': 0.008951883625512868, 'mean_word_length': 2.3863636363636362, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 101, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3286346', 'n_tokens_mistral': 814, 'n_tokens_neox': 793, 'n_words': 159}