           'Posting...'
 
     R.div className: 'sub-comment-add spec-sub-comments-form',
-      R.textarea
-        className: "text_area_view",
+      ReactTextArea
         placeholder: 'Leave a reply'
         onChange: @updateText
-        ref: 'textarea'
-        value: @state.text
+        defaultValue: ''
+        ref: 'text_area'
+        onSubmit: @submit
       submit_button
 
 

      model.save {},
        success: =>
          @setState phase: 'new'
          @setState text: ''
        error: =>
          @props.addToCollection.remove(model)
          @setState phase: 'new'

ReactSubCommentsAdd = React.createClass
  getInitialState: ->
    phase: 'new'

  submit: ->
    return if @state.phase == 'submitting'
    @setState phase: 'submitting'

    model = new SubComment
      content: $.trim(@refs.text_area.state.text)
      created_by: currentUser.toJSON()

    if model.isValid()
