<commit_before>import React from 'react';
import { mockComments } from '../mocks/comments';

const CommentList = () => {
  const comments = mockComments;
  return (
    <div>
      {comments.length > 0
        ? <ul className="comments">
            {comments.map(comment => (
              <li key={comment.id}>
                {comment.comment}
                <div className="comment-name">
                  <img
                    className="avatar"
                    src={comment.member.photo.thumb_link}
                    alt={comment.member.name}
                  />
                  {comment.member.name}
                </div>
              </li>
            ))}
          </ul>
        : <p className="note">
            There are no comments yet. Be the first :)
          </p>}
    </div>
  );
};

export default CommentList;<commit_msg>CommentList as a class<commit_after>import React, { Component } from 'react';
import { mockComments } from '../mocks/comments';

class CommentList extends Component {
  render() {
    const comments = mockComments;
    return (
      <div>
        {comments.length > 0
          ? <ul className="comments">
              {comments.map(comment => (
                <li key={comment.id}>
                  {comment.comment}
                  <div className="comment-name">
                    <img
                      className="avatar"
                      src={comment.member.photo.thumb_link}
                      alt={comment.member.name}
                    />
                    {comment.member.name}
                  </div>
                </li>
              ))}
            </ul>
          : <p className="note">
              There are no comments yet. Be the first :)
            </p>}
      </div>
    );
  }
}

export default CommentList;
{'fraction_non_alphanumeric': 0.12196467991169978, 'fraction_numerical': 0.0011037527593818985, 'mean_word_length': 1.2521739130434784, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 30, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7124047', 'n_tokens_mistral': 476, 'n_tokens_neox': 448, 'n_words': 102}