var React = require('react');
var ItemList = require('./itemList');
var ItemStore = require('../../stores/itemStore.js');
var ItemActions = require('../../actions/itemActions.js');
var ItemCollection = require('../../models/itemCollection');

var AllItems = React.createClass({

  render: function() {  
      return (
        <ItemList items={this.state.items} />
        );
  },

    // Add change listeners to stores
    componentDidMount: function() {
      ItemActions.loadFrontPageItems();
      ItemStore.addChangeListener(this._onChange);
    },


    getInitialState: function() {
      return {
          items: ItemStore.getItems()
        }
    },


    _onChange: function () {
      if (this.isMounted()) {
        this.setState({
          items: ItemStore.getItems()
        });
      }
    },
});

module.exports = AllItems;