client/src/components/NoteInput.js
changeset 143 cfcbf4bc66f1
parent 138 a1fb2ced3049
child 157 5c3af4f10e92
--- a/client/src/components/NoteInput.js	Wed Jul 18 17:32:09 2018 +0200
+++ b/client/src/components/NoteInput.js	Tue Aug 14 20:34:50 2018 +0200
@@ -1,6 +1,4 @@
 import React, { Component } from 'react';
-import { Form, FormControl } from 'react-bootstrap';
-
 import PropTypes from 'prop-types';
 import SlateEditor from './SlateEditor';
 import { now } from '../utils';
@@ -55,7 +53,7 @@
 
   render() {
     return (
-      <Form>
+      <form>
         <div className="editor">
           <div className="editor-left">
             <SlateEditor ref="editor"
@@ -68,15 +66,15 @@
               annotationCategories={ this.props.annotationCategories } />
           </div>
           <div className="editor-right">
-            <FormControl
+            <input type="textarea" className="form-control"
               name="margin"
-              componentClass="textarea"
               placeholder="Enter a margin comment for your note"
-              inputRef={ ref => { this.marginComment = ref; } }
+              // inputRef={ ref => { this.marginComment = ref; } }
+              ref={(marginComment) => { this.marginComment = marginComment; }}
             />
           </div>
         </div>
-      </Form>
+      </form>
     );
   }
 }