import React from 'react';

import CommentItem from "./CommentItem";
import NewComments from "./NewComments";

class AddComments extends React.Component{

    render(){

        return(
            <>
                  <NewComments cSub={this.props.cSub}/>
                {this.props.commentData.comments.map((commentData, index) => (
                    <CommentItem
                        key={commentData.Id || index}
                        name={commentData.name}
                        comment={commentData.comment}
                        likecount={commentData.likes}
                        trash={commentData.trash}
                    />

                ))
                }
            </>
        )
    }
}
export default AddComments;