import React from 'react';
import List from '../components/List';
var PropTypes = React.PropTypes;


class ListContainer extends React.Component {
    constructor(props) {
        super(props);
        this.handleOnClickFunction = this.handleOnClickFunction.bind(this);
    }

    handleOnClickFunction(e) {
        $('#EditModal')
          .modal({
            closable  : false,
            onDeny    : function(){
              console.log('Wait not yet!');
              return false;
            },
            onApprove : function() {
              console.log('Approved!');
            }
          })
          .modal('show')
        ;

    }

    render() {
        return (
            <List
                onClickFunction={this.handleOnClickFunction}
            />
        );
    }
}

ListContainer.contextTypes = {
  router: React.PropTypes.object.isRequired
}

List.propTypes = {
  items: PropTypes.array.isRequired,
}

export default ListContainer;