on Refactoring...

browser/main/Components/PlanetHeader.jsx

@@ -1,16 +1,15 @@
+var shell = require('shell')
+
 var React = require('react/addons')
 var ReactRouter = require('react-router')
 
-var PlanetActions = require('../Actions/PlanetActions')
-
-var PlanetHeader = React.createClass({
+module.exports = React.createClass({
   mixins: [ReactRouter.State],
   propTypes: {
-    openSettingModal: React.PropTypes.func,
-    currentPlanet: React.PropTypes.object,
-    onSearchChange: React.PropTypes.func,
     search: React.PropTypes.string,
-    openPersonalSettingModal: React.PropTypes.func
+    fetchPlanet: React.PropTypes.func,
+    onSearchChange: React.PropTypes.func,
+    currentPlanet: React.PropTypes.object
   },
   getInitialState: function () {
     return {
@@ -20,37 +19,37 @@ var PlanetHeader = React.createClass({
   componentDidMount: function () {
     React.findDOMNode(this.refs.search).focus()
   },
-  interceptClick: function (e) {
-    e.stopPropagation()
+  handleLogoClick: function (e) {
+    shell.openExternal('http://b00st.io')
+    e.preventDefault()
   },
-  refreshPlanet: function () {
-    var params = this.getParams()
-    PlanetActions.fetchPlanet(params.userName, params.planetName)
+  refresh: function () {
+    this.props.fetchPlanet()
   },
   render: function () {
     var currentPlanetName = this.props.currentPlanet.name
     var currentUserName = this.props.currentPlanet.userName
 
     return (
-      <div onClick={this.interceptClick} className='PlanetHeader'>
+      <div className='PlanetHeader'>
         <div className='headerLabel'>
           <span className='userName'>{currentUserName}</span><br/>
           <span className='planetName'>{currentPlanetName}</span>
-          <button onClick={this.props.openSettingModal} className='menuBtn'>
+          <button className='menuBtn'>
             <i className='fa fa-chevron-down'></i>
           </button>
         </div>
         <div className='headerControl'>
           <div className='searchInput'>
             <i className='fa fa-search'/>
-            <input onChange={this.props.onSearchChange} value={this.props.search} ref='search' tabIndex='1' type='text' className='inline-input circleInput' placeholder='Search...'/>
+            <input onChange={this.props.onSearchChange} value={this.props.search} ref='search' type='text' className='inline-input circleInput' placeholder='Search...'/>
           </div>
-          <button onClick={this.refreshPlanet} className='refreshButton'><i className='fa fa-refresh'/></button>
-          <button onClick={this.props.openPersonalSettingModal} className='settingButton'><i className='fa fa-gears'/></button>
+          <button onClick={this.refresh} className='refreshButton'><i className='fa fa-refresh'/></button>
+          <a onClick={this.handleLogoClick} href='http://b00st.io' className='logo'>
+            <img width='44' height='44' src='resources/favicon-230x230.png'/>
+          </a>
         </div>
       </div>
     )
   }
 })
-
-module.exports = PlanetHeader