<div {...this.props} className="list-item week">
<h2>{this.props.children.title}</h2>
<SimpleBarChart weekDate={daychart} />
</div>
)
default:
return (
<div {...this.props} className="list-item">
<h2>{this.props.children.title}</h2>
</div>
)
}
}
})
var SortableListItem = Sortable(ListItem);
var SortableList = React.createClass({
getInitialState: function() {
return {
draggingIndex: null,
data: this.props.data,
tmData: this.props.tmData
};
},
updateState: function(obj) {
this.setState(obj);
},
<div className="roombox empty">
</div>
</div>
</div>
)
}
return (
<div {...this.props}>
<div className={className}>
<div className="roombox" onClick={this.openModal.bind(this)}>
<h4>{room.name}</h4>
<h6>{room.option1}</h6>
<h6>{room.option2}</h6>
<h6>{room.option3}</h6>
{bulbs}
</div>
</div>
<LightModal
dispatch={dispatch}
room = {room}
lightStatus={status.lightStatus}
isOpen={this.state.isModalOpen}
closeFunc={this.closeModal.bind(this)}
/>
</div>
)
}
}
export default Sortable(RoomBox)