         @refs.private.value = true
         @props.onSubmit collection
 
+  handleNameInputChange: ->
+    @setState collectionNameLength: React.findDOMNode(@refs.name).value.length
+
   render: ->
     <div>
       <form onSubmit={@onSubmit} className="collections-create-form">

            else 'There was a problem creating your collection.'

          <div className="form-help error">{errorMessage}</div>}
        <input className="collection-name-input" ref="name" placeholder="Collection Name" />
        <div className="collection-create-form-actions">
          <label>
            <input ref="private" type="checkbox" defaultChecked={true}/>
            <Translate content="collectionCreateForm.private" />
          </label>
          <div className="submit-button-container">
            <button type="submit"><Translate content="collectionCreateForm.submit" /></button>
          </div>
        </div>
      </form>


  getInitialState: ->
    error: null
    collectionNameLength: 0

  onSubmit: (e) ->
    e.preventDefault()
