add name change for planet & fix minor bugs

browser/main/Components/BlueprintDeleteModal.jsx

@@ -1,5 +1,5 @@
 var React = require('react')
-var PlanetStore = require('../Stores/PlanetStore')
+
 var PlanetActions = require('../Actions/PlanetActions')
 
 var BlueprintDeleteModal = React.createClass({
@@ -7,20 +7,6 @@ var BlueprintDeleteModal = React.createClass({
     close: React.PropTypes.func,
     blueprint: React.PropTypes.object
   },
-  componentDidMount: function () {
-    this.unsubscribe = PlanetStore.listen(this.onListen)
-    React.findDOMNode(this.refs.submit).focus()
-  },
-  componentWillUnmount: function () {
-    this.unsubscribe()
-  },
-  onListen: function (res) {
-    switch (res.status) {
-      case 'articleDeleted':
-        this.props.close()
-        break
-    }
-  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },

browser/main/Components/BlueprintEditModal.jsx

@@ -1,25 +1,12 @@
 var React = require('react')
+
 var BlueprintForm = require('./BlueprintForm')
-var PlanetStore = require('../Stores/PlanetStore')
 
 var BlueprintEditModal = React.createClass({
   propTypes: {
     close: React.PropTypes.func,
     blueprint: React.PropTypes.object
   },
-  componentDidMount: function () {
-    this.unsubscribe = PlanetStore.listen(this.onListen)
-  },
-  componentWillUnmount: function () {
-    this.unsubscribe()
-  },
-  onListen: function (res) {
-    switch (res.status) {
-      case 'articleUpdated':
-        this.props.close()
-        break
-    }
-  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },

browser/main/Components/LaunchModal.jsx

@@ -1,7 +1,6 @@
 var React = require('react/addons')
 var ReactRouter = require('react-router')
 var Catalyst = require('../Mixins/Catalyst')
-var PlanetStore = require('../Stores/PlanetStore')
 
 var SnippetForm = require('./SnippetForm')
 var BlueprintForm = require('./BlueprintForm')
@@ -16,19 +15,6 @@ var LaunchModal = React.createClass({
       currentTab: 'snippet'
     }
   },
-  componentDidMount: function () {
-    this.unsubscribe = PlanetStore.listen(this.onListen)
-  },
-  componentWillUnmount: function () {
-    this.unsubscribe()
-  },
-  onListen: function (res) {
-    switch (res.status) {
-      case 'articleCreated':
-        this.props.close()
-        break
-    }
-  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },

browser/main/Components/PlanetSettingModal.jsx

@@ -1,7 +1,10 @@
 var React = require('react/addons')
 var Select = require('react-select')
+
 var Catalyst = require('../Mixins/Catalyst')
 
+var PlanetActions = require('../Actions/PlanetActions')
+
 module.exports = React.createClass({
   mixins: [Catalyst.LinkedStateMixin],
   propTypes: {
@@ -22,6 +25,10 @@ module.exports = React.createClass({
   activeManageMember: function () {
     this.setState({currentTab: 'manageMember'})
   },
+  saveProfile: function () {
+    var currentPlanet = this.props.currentPlanet
+    PlanetActions.changeName(currentPlanet.userName, currentPlanet.name, this.state.planetName)
+  },
   doubleCheckDeletePlanet: function () {
     if (this.state.isDeletePlanetChecked) {
       console.log('delete it')
@@ -44,7 +51,7 @@ module.exports = React.createClass({
           <div className='planetProfileForm'>
             <label>Planet name </label>
             <input valueLink={this.linkState('planetName')} className='inline-input'/>
-            <button className='saveButton btn-primary'>Save</button>
+            <button onClick={this.saveProfile} className='saveButton btn-primary'>Save</button>
           </div>
 
           <div className='planetDeleteForm'>

browser/main/Components/SnippetDeleteModal.jsx

@@ -1,5 +1,5 @@
 var React = require('react')
-var PlanetStore = require('../Stores/PlanetStore')
+
 var PlanetActions = require('../Actions/PlanetActions')
 
 var SnippetDeleteModal = React.createClass({
@@ -7,20 +7,6 @@ var SnippetDeleteModal = React.createClass({
     close: React.PropTypes.func,
     snippet: React.PropTypes.object
   },
-  componentDidMount: function () {
-    this.unsubscribe = PlanetStore.listen(this.onListen)
-    React.findDOMNode(this.refs.submit).focus()
-  },
-  componentWillUnmount: function () {
-    this.unsubscribe()
-  },
-  onListen: function (res) {
-    switch (res.status) {
-      case 'articleDeleted':
-        this.props.close()
-        break
-    }
-  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },

browser/main/Components/SnippetEditModal.jsx

@@ -1,25 +1,11 @@
 var React = require('react')
 var SnippetForm = require('./SnippetForm')
-var PlanetStore = require('../Stores/PlanetStore')
 
 var SnippetEditModal = 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 'articleUpdated':
-        this.props.close()
-        break
-    }
-  },
   stopPropagation: function (e) {
     e.stopPropagation()
   },

browser/main/Components/UserNavigator.jsx

@@ -37,7 +37,7 @@ module.exports = React.createClass({
     var planets = this.props.currentUser.Planets.map(function (planet, index) {
       return (
         <li key={planet.id} className={this.props.currentPlanet != null && this.props.currentPlanet.name === planet.name ? 'active' : ''}>
-          <Link to='planet' params={{userName: this.props.currentUser.name, planetName: planet.name}} href>{planet.name[0]}</Link>
+          <Link to='planet' params={{userName: planet.userName, planetName: planet.name}} href>{planet.name[0]}</Link>
           <div className='shortCut'>⌘{index + 1}</div>
         </li>
       )