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;
    const title = target.value.trim();

    if (title !== '' && event.keyCode === 13) {

      insertDocument.call({

        title,
      }, (error) => {
        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..."
    />

  );