import Telescope from 'meteor/nova:lib';
import React, { PropTypes, Component } from 'react';

class CommentsNode extends Component {

  renderComment(comment) {
    
    return (
      <Telescope.components.CommentsItem comment={comment} key={comment._id} />
    )
  }

  // renderChildren(children) {
  //   return (
  //     <div className="comments-children">
  //       {children.map(comment => <CommentsNode comment={comment} key={comment._id} currentUser={this.props.currentUser}/>)}
  //     </div>
  //   )
  // }

  render() {

    const comment = this.props.comment;
    //const children = this.props.comment.childrenResults;
    
    return (
      <div className="comments-node">
        {this.renderComment(comment)}
        {/*children ? this.renderChildren(children) : ""*/}
      </div>
    )
  }

};

CommentsNode.propTypes = {
  comment: React.PropTypes.object.isRequired, // the current comment
};

CommentsNode.contextTypes = {
  currentUser: React.PropTypes.object, // the current user
};

module.exports = CommentsNode;