class Parents extends Component {
  constructor(props){
    super(props);
    this.state = {
      parents: AppStore.getParents()
    }
    this.onChange = this.onChange.bind(this);
  }

  componentWillMount(){
    AppStore.addChangeListener(this.onChange);
  }
  componentDidMount(){
    AppActions.getParents();
  }
  componentWillUnmount(){
    AppStore.removeChangeListener(this.onChange);
  }
  onChange(){
    this.setState({
      parents: AppStore.getParents()
    }, function(){});
  }

  render() {
    let parentListItems;
    if(this.state.parents){
      parentListItems = this.state.parents.map(parent => {
        return (
          <ParentListItem key={parent._id.$oid} parent={parent} />
        );
      });
    }
    return (
      <div>
        {parentListItems}
      </div>
    );
  }
}