<commit_before>import React from 'react'

import FeedItemHeader from './FeedItemHeader.jsx'
import FeedItemFooter from './FeedItemFooter.jsx'

export default ({collection}) => (
  <div className='feed-wrapper'>
    <h3>Tasks collection</h3>
    <ul>
      {collection.map(task => (
        <li key={task._id}>
          <div className='feed-item'>
            <FeedItemHeader task={task} />
            <div className='feed-item-description'>
              {task.description}
            </div>
            <div className='feed-item-entry'>
              {task.entry}
            </div>
            <div className='feed-item-status'>
              {task.status}
            </div>
            <div className='feed-item-uuid'>
              {task.uuid}
            </div>
            <FeedItemFooter task={task} />
          </div>
        </li>
      ))}
    </ul>

    <button className='more-btn'> 
      Load More
    </button>
  </div>
);

/*
FeedItem.propTypes = {
  description: React.PropTypes.string.isRequired,<commit_msg>stub for project selector<commit_after>import React from 'react'

import FeedItemHeader from './FeedItemHeader.jsx'
import FeedItemFooter from './FeedItemFooter.jsx'

export default ({collection, projects}) => (
  <div className='feed-wrapper'>
    <h3>Tasks collection</h3>
    <ul>
      {collection.map(task => (
        <li key={task._id}>
          <div className='feed-item'>
            <FeedItemHeader task={task} />
            <div className='feed-item-description'>
              {task.description}
            </div>
            <div className='feed-item-entry'>
              {task.entry}
            </div>
            <div className='feed-item-status'>
              {task.status}
            </div>
            <div className='feed-item-uuid'>
              {task.uuid}
            </div>
            <FeedItemFooter task={task} />
          </div>
          <ul>
            {projects.map(project => (
              <li>{project.description}</li>
            ))}
          </ul>
        </li>
      ))}
    </ul>

    <button className='more-btn'> 
      Load More
    </button>
  </div>
);

/*
FeedItem.propTypes = {
  description: React.PropTypes.string.isRequired,
{'fraction_non_alphanumeric': 0.14853273137697517, 'fraction_numerical': 0.0018058690744920992, 'mean_word_length': 1.7358024691358025, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 56, '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': '7045633', 'n_tokens_mistral': 649, 'n_tokens_neox': 641, 'n_words': 121}