import React from 'react';
  import { Row, Col, ListGroup, ListGroupItem, Input, Alert } from 'react-bootstrap';
  import { insertDocument } from '../../api/documents/methods.js';
  
  const handleInsertDocument = ( event ) => {
    const target = event.target,
          title  = target.value.trim();
  
    if ( title !== '' && event.keyCode === 13 ) {
      insertDocument.call({
        title: title
      }, ( error, response ) => {
        if ( error ) {
          Bert.alert( error.reason, 'danger' );
        } else {
          target.value = '';
          Bert.alert( 'Document added!', 'success' );
        }
      });
    }
  };
  
  export const AddDocument = () => (
    <Input
      type="text"
      onKeyUp={ handleInsertDocument }
      placeholder="Type a document title and press enter..."
    />
  )