we are using flux now ... yaaay ...

This commit is contained in:
Senad Uka
2015-01-25 10:26:10 +01:00
parent bbb6e9cc71
commit fe3703d892
15 changed files with 227 additions and 56 deletions

View File

@@ -1,4 +1,5 @@
var React = require('react');
var ItemActions = require('../actions/itemActions');
@@ -9,24 +10,19 @@ var SingleItem = React.createClass({
render: function() {
var self = this;
var itemClick = this.itemClick;
var firstImage = this.state.item.get('multi_media_descriptions')[0];
var firstImage = this.props.item.get('multi_media_descriptions')[0];
firstImage = firstImage || { url: "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
return (
<div className="single_item" onClick={itemClick}>
<img src={firstImage.url} />
<h1> { this.state.item.get('name') }</h1>
<div> { this.state.item.get('list_price') } KM </div>
<h1> { this.props.item.get('name') }</h1>
<div> { this.props.item.get('list_price') } KM </div>
</div>
);
},
getInitialState: function () {
return { item: this.props.item };
},
itemClick: function(e) {
if(this.props.itemClick) {
this.props.itemClick(this.state.item, e);
}
ItemActions.selectItem(this.props.item);
}
});