cart display now shows price and amount per item

This commit is contained in:
Senad Uka
2015-02-14 07:53:57 +01:00
parent 9ca7b33b91
commit ba22ea8bd7
7 changed files with 62 additions and 21 deletions

View File

@@ -4,8 +4,8 @@ var CartActions = require('../../actions/cartActions.js');
var countStyle = {
width: '100%'
var buttonHolderStyle = {
display: 'inline-block'
};
var AddToCart = React.createClass({
@@ -14,12 +14,14 @@ var AddToCart = React.createClass({
return (
<div className="row-fluid add-to-cart">
<div className="col-xs-offset-1 col-xs-1"><button className="btn btn-success" onClick={this._onIncreaseClick}>+</button></div>
<div className="col-xs-2"><button className="btn" style={countStyle} > { this.state.item.get('count') } </button></div>
<div className="col-xs-1"><button className="btn btn-success" onClick={this._onDecreaseClick}>-</button></div>
<div className="span12">
<div style={buttonHolderStyle}><button className="btn btn-success" onClick={this._onIncreaseClick}>+</button></div>
<div style={buttonHolderStyle}><button className="btn"> { this.state.item.get('count') } </button></div>
<div style={buttonHolderStyle}><button className="btn btn-success" onClick={this._onDecreaseClick}>-</button></div>
</div>
</div>
);
},
},
// Add change listeners to stores
componentDidMount: function() {