on Refactoring...

browser/main/Components/NoteDeleteModal.jsx

@@ -0,0 +1,45 @@
+var React = require('react')
+
+var Hq = require('../Services/Hq')
+
+var PlanetStore = require('../Stores/PlanetStore')
+
+module.exports = React.createClass({
+  propTypes: {
+    planet: React.PropTypes.object,
+    note: React.PropTypes.object,
+    close: React.PropTypes.func
+  },
+  componentDidMount: function () {
+    React.findDOMNode(this).focus()
+  },
+  submit: function () {
+    var planet = this.props.planet
+    Hq.destroyNote(planet.userName, planet.name, this.props.note.localId)
+      .then(function (res) {
+        PlanetStore.Actions.destroyNote(res.body)
+        this.props.close()
+      }.bind(this))
+      .catch(function (err) {
+        console.error(err)
+      })
+  },
+  render: function () {
+    return (
+      <div className='NoteDeleteModal modal'>
+        <div className='modal-header'>
+          <h1>Delete Note</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'>Cancel</button>
+            <button ref='submit' onClick={this.submit} className='btn-primary'>Delete</button>
+          </div>
+        </div>
+      </div>
+    )
+  }
+})