move statusbar

browser/main/Main.js

@@ -7,7 +7,6 @@ import TopBar from './TopBar'
 import NoteList from './NoteList'
 import Detail from './Detail'
 import dataApi from 'browser/main/lib/dataApi'
-import StatusBar from './StatusBar'
 import _ from 'lodash'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import modal from 'browser/main/lib/modal'
@@ -32,6 +31,15 @@ class Main extends React.Component {
     }
   }
 
+  getChildContext () {
+    let { status, config } = this.props
+
+    return {
+      status,
+      config
+    }
+  }
+
   componentDidMount () {
     let { dispatch, config } = this.props
 
@@ -188,7 +196,7 @@ class Main extends React.Component {
             onMouseDown={(e) => this.handleRightSlideMouseDown(e)}
             draggable='false'
           >
-            <div styleName='slider-hitbox'/>
+            <div styleName='slider-hitbox' />
           </div>
           <Detail
             style={{left: this.state.listWidth + 1}}
@@ -202,14 +210,18 @@ class Main extends React.Component {
             ignorePreviewPointerEvents={this.state.isRightSliderFocused}
           />
         </div>
-        <StatusBar
-          {..._.pick(this.props, ['config', 'location', 'dispatch'])}
-        />
       </div>
     )
   }
 }
 
+Main.childContextTypes = {
+  status: PropTypes.shape({
+    updateReady: PropTypes.bool.isRequired
+  }).isRequired,
+  config: PropTypes.shape({}).isRequired
+}
+
 Main.propTypes = {
   dispatch: PropTypes.func,
   data: PropTypes.shape({}).isRequired