content: import PropTypes from 'prop-types'
  import React from 'react'
  import { Link } from 'react-router'
  import { DragDropContext } from 'react-dnd'
  import HTML5Backend from 'react-dnd-html5-backend'
  
  import TableRow from './TableRow'
  
  @DragDropContext(HTML5Backend)
  export default class TableBody extends React.Component {
    
    moveRow(startIndex, dropIndex) {
      this.props.moveArticle(startIndex, dropIndex)
    }
    
    render() {
      let articles = this.props.articles
      
      return (
        <tbody>
          { articles.map((article, index) => {
            return (
              <TableRow
                key={ article.id }
                article={ article }
                publishButtonClick={ (articleID) => { this.props.publishButtonClick(articleID) }}
                hideButtonClick={ (articleID) => { this.props.hideButtonClick(articleID) }}
                deleteButtonClick={ (article) => { this.props.deleteButtonClick(article) }}
                id={ article.id }
                index={ index }
                text={ article.title }
                moveRow= { this.moveRow.bind(this) }
              />
            )
          })}
        </tbody>
      )
    }
  }
  