fix add_stop select2 render

1 files changed, 18 insertions, 11 deletions

diff --git a/app/assets/javascripts/es6_browserified/components/BSelect2.js b/app/assets/javascripts/es6_browserified/components/BSelect2.js
index 08ae10e75..590e755fd 100644
--- a/app/assets/javascripts/es6_browserified/components/BSelect2.js
+++ b/app/assets/javascripts/es6_browserified/components/BSelect2.js
@@ -28,6 +28,7 @@ class BSelect3 extends React.Component{
       return (
         <div className='input-group select2-bootstrap-append'>
           <BSelect2 {...this.props} onSelect={ this.onChange.bind(this) }/>
+
           <span className='input-group-btn'>
             <button type='button' className='btn btn-default' onClick={this.onToggleEdit.bind(this)}>
               <span className='fa fa-undo'></span>
@@ -36,17 +37,23 @@ class BSelect3 extends React.Component{
         </div>
       )
     else
-      return (
-        <div className='input-group'>
-          <span className='form-control'>{this.props.value.text} </span>
-
-          <span className='input-group-btn'>
-            <button type='button' className='btn btn-default' onClick={this.onToggleEdit.bind(this)}>
-              <span className='fa fa-pencil'></span>
-            </button>
-          </span>
-        </div>
-      )
+      if(!this.props.value.id)
+        return (
+          <div>
+            <BSelect2 {...this.props} onSelect={ this.onChange.bind(this) }/>
+          </div>
+        )
+      else
+        return (
+          <div className='input-group'>
+            <span className='form-control'>{this.props.value.text} </span>
+            <span className='input-group-btn'>
+              <button type='button' className='btn btn-default' onClick={this.onToggleEdit.bind(this)}>
+                <span className='fa fa-pencil'></span>
+              </button>
+            </span>
+          </div>
+        )
   }
 }