<commit_before>import React from 'react'

const VideoListItem = (props) => {
  return (
    <ul>
      Video
    </ul>
  );
};

export default VideoListItem;<commit_msg>get image url and title<commit_after>import React from 'react'

const VideoListItem = ({video}) => {
  // const video = props.video; 等於上面的那個 props 改成 {video}
  const imageUrl = video.snippet.thumbnails.default.url;
  return (
    <li className='list-group-item'>
      <div className='video-list media'>
        <div className='media-left'>
          <img className='media-object' src={imageUrl} />
        </div>
        <div className='media-body'>
          <div className='media-heading'>{video.snippet.title}</div>
        </div>
      </div>
    </li>
  );
};

export default VideoListItem;
{'fraction_non_alphanumeric': 0.14901960784313725, 'fraction_numerical': 0.0, 'mean_word_length': 2.8883248730964466, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 18, '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': '107052', 'n_tokens_mistral': 247, 'n_tokens_neox': 246, 'n_words': 56}