cart display now shows price and amount per item
This commit is contained in:
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user