<commit_before>import React, {Component} from 'react'
import {connect} from 'react-redux'
import { NavLink } from 'react-router-dom'

import Accordion from 'react-bootstrap/lib/Accordion'
import Panel from 'react-bootstrap/lib/Panel'
import Button from 'react-bootstrap/lib/Button'
import Thumbnail from 'react-bootstrap/lib/Thumbnail'
import Media from 'react-bootstrap/lib/Media'
import Image from 'react-bootstrap/lib/Image'


class Orders extends Component{
  constructor(props){
    super(props);



  }

  render(props){

    return(
      <div className="container">
        <h1>Shopping Cart</h1>
        <hr></hr>
        <div className="col-xs-10">
        <Accordion>
          <Panel header="item" eventKey="2">
            <Media>
              <Media.Left>
                <img width={256} height={256} src="/images/sword.jpg" alt="Image"/>
              </Media.Left>
              <Media.Body>
                <Media.Heading>Item Title</Media.Heading>
                  <h3>TITLE HERE</h3><h4>PRICE HERE</h4><h5>STOCK HERE</h5>
                <Button bsStyle="warning">Remove From Cart</Button>&nbsp;
                <NavLink to="URLHERE"><Button bsStyle="link">View Details</Button>&nbsp;</NavLink>
              </Media.Body>
            </Media>
          </Panel>
        </Accordion>
        </div>
        <div>
          <Button bsStyle="primary">Check Out</Button>&nbsp;
        </div>
      </div>
    )


  }
}


export default Orders<commit_msg>cart page container<commit_after>import React, {Component} from 'react'
import {connect} from 'react-redux'
import { NavLink } from 'react-router-dom'

import Accordion from 'react-bootstrap/lib/Accordion'
import Panel from 'react-bootstrap/lib/Panel'
import Button from 'react-bootstrap/lib/Button'
import Thumbnail from 'react-bootstrap/lib/Thumbnail'
import Media from 'react-bootstrap/lib/Media'
import Image from 'react-bootstrap/lib/Image'


class Orders extends Component{
  constructor(props){
    super(props);



  }

  render(props){
    console.log(this.props.cart)
    return(
      <div className="container">
        <h1>Shopping Cart</h1>
        <hr></hr>
        <div className="col-xs-10">
        <Accordion>
          <Panel header="item" eventKey="2">
            <Media>
              <Media.Left>
                <img width={256} height={256} src="/images/sword.jpg" alt="Image"/>
              </Media.Left>
              <Media.Body>
                <Media.Heading></Media.Heading>
                  <h3>TITLE HERE</h3><h4>PRICE HERE</h4><h5>STOCK HERE</h5>
                <Button bsStyle="warning">Remove From Cart</Button>&nbsp;
                <NavLink to="URLHERE"><Button bsStyle="link">View Details</Button>&nbsp;</NavLink>
              </Media.Body>
            </Media>
          </Panel>
        </Accordion>
        </div>
        <div>
          <Button bsStyle="primary">Check Out</Button>&nbsp;
        </div>
      </div>
    )


  }
}

//CONTAINER

const mapState = (state) => {
  console.log(state)
return {
  cart: state.cart
  }
}

export default connect(mapState, null)(Orders)
{'fraction_non_alphanumeric': 0.14401033257991605, 'fraction_numerical': 0.010978366160800775, 'mean_word_length': 2.320471596998928, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 78, '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': '7025566', 'n_tokens_mistral': 993, 'n_tokens_neox': 940, 'n_words': 196}