content: import React from 'react';
  import { browserHistory } from 'react-router';
  import { ListGroup, ListGroupItem, Alert } from 'react-bootstrap';
  
  const handleNav = (_id) => {
    browserHistory.push(`/uploads/${_id}`);
  }
  
  const DocumentsList = ({ documents }) => (
    documents.length > 0 ? <ListGroup className="DocumentsList">
      {documents.map(({ _id, title }) => (
        <ListGroupItem key={ _id } onClick={ () => handleNav(_id) }>
          { title }
        </ListGroupItem>
      ))}
    </ListGroup> :
    <Alert bsStyle="warning">You have not uploaded any reads yet. <a href="/uploads/new">Add one</a>?</Alert>
  );
  
  DocumentsList.propTypes = {
    documents: React.PropTypes.array,
  };
  
  export default DocumentsList;
  