add SnippetDeleteModal & fix some bugs

browser/main/Components/CodeEditor.jsx

@@ -14,6 +14,7 @@ var CodeEditor = React.createClass({
     editor.setValue(this.props.code)
     editor.renderer.setShowGutter(true)
     editor.setTheme('ace/theme/xcode')
+    editor.clearSelection()
 
     var session = editor.getSession()
     session.setMode('ace/mode/' + this.props.mode)

browser/main/Components/SnippetDeleteModal.jsx

@@ -0,0 +1,49 @@
+var React = require('react')
+var PlanetStore = require('../Stores/PlanetStore')
+var PlanetActions = require('../Actions/PlanetActions')
+
+var SnippetDeleteModal = React.createClass({
+  propTypes: {
+    close: React.PropTypes.func,
+    snippet: React.PropTypes.object
+  },
+  componentDidMount: function () {
+    this.unsubscribe = PlanetStore.listen(this.onListen)
+  },
+  componentWillUnmount: function () {
+    this.unsubscribe()
+  },
+  onListen: function (res) {
+    switch (res.status) {
+      case 'snippetDeleted':
+        this.props.close()
+        break
+    }
+  },
+  stopPropagation: function (e) {
+    e.stopPropagation()
+  },
+  submit: function () {
+    PlanetActions.deleteSnippet(this.props.snippet.id)
+  },
+  render: function () {
+    return (
+      <div onClick={this.stopPropagation} className='SnippetDeleteModal modal'>
+        <div className='modal-header'>
+          <h1>Delete Snippet</h1>
+        </div>
+        <div className='modal-body'>
+          <p>Are you sure to delete it?</p>
+        </div>
+        <div className='modal-footer'>
+          <div className='modal-control'>
+            <button onClick={this.props.close} className='btn-default'>Cancle</button>
+            <button onClick={this.submit} className='btn-primary'>Delete</button>
+          </div>
+        </div>
+      </div>
+    )
+  }
+})
+
+module.exports = SnippetDeleteModal

browser/main/Components/SnippetForm.jsx

@@ -42,6 +42,12 @@ var SnippetForm = React.createClass({
       callSign: '',
       Tags: []
     }, this.props.snippet)
+    snippet.Tags = snippet.Tags.map(function (tag) {
+      return {
+        label: tag.name,
+        value: tag.name
+      }
+    })
     return {
       snippet: snippet
     }
@@ -110,7 +116,7 @@ var SnippetForm = React.createClass({
         <div className='modal-footer'>
           <div className='modal-control'>
             <button onClick={this.props.close} className='btn-default'>Cancle</button>
-            <button onClick={this.submit} className='btn-primary'>Launch</button>
+            <button onClick={this.submit} className='btn-primary'>{this.props.snippet == null ? 'Launch' : 'Relaunch'}</button>
           </div>
         </div>
       </div>