render textarea

1 files changed, 12 insertions, 6 deletions

diff --git a/animism-align/frontend/views/align/components/annotations/annotation.form.js b/animism-align/frontend/views/align/components/annotations/annotation.form.js
index 9b02478..db56bcd 100644
--- a/animism-align/frontend/views/align/components/annotations/annotation.form.js
+++ b/animism-align/frontend/views/align/components/annotations/annotation.form.js
@@ -57,12 +57,8 @@ class AnnotationForm extends Component {
           top: timeToPosition(data.start_ts, timeline),
         }}
       >
-        <div>
-          <textarea
-            value={data.text}
-            onChange={this.handleChange}
-          />
-        </div>
+        {data.type === 'sentence' && this.renderTextarea()}
+        {data.type === 'heading' && this.renderTextarea()}
         <div className='row'>
           <Select
             name='type'
@@ -76,6 +72,16 @@ class AnnotationForm extends Component {
       </div>
     )
   }
+  renderTextarea() {
+    return (
+      <div>
+        <textarea
+          value={data.text}
+          onChange={this.handleChange}
+        />
+      </div>
+    )
+  }
 }