on making usernavigator

browser/main/HomeContainer/index.js

@@ -1,22 +1,38 @@
 import React, { PropTypes} from 'react'
 import { connect } from 'react-redux'
-// import actionss....
+import { switchParams } from './actions'
 import UserNavigator from './Components/UserNavigator'
 import ArticleNavigator from './Components/ArticleNavigator'
 import ArticleTopBar from './Components/ArticleTopBar'
 import ArticleList from './Components/ArticleList'
 import ArticleDetail from './Components/ArticleDetail'
+import { findWhere } from 'lodash'
 
 // var AuthFilter = require('../Mixins/AuthFilter')
 // var KeyCaster = require('../Mixins/KeyCaster')
 
 class HomeContainer extends React.Component {
+  componentDidMount () {
+    const { dispatch, params } = this.props
+    console.log(params)
+    dispatch(switchParams(params))
+  }
+
+  componentWillReceiveProps (nextProps) {
+    const { dispatch } = this.props
+    if (nextProps.params.userId !== this.props.params.userId) {
+      let params = nextProps.params
+      dispatch(switchParams(params))
+    }
+  }
+
   render () {
-    const { users } = this.props
+    const { users, user } = this.props
+
     return (
       <div className='HomeContainer'>
         <UserNavigator users={users} />
-        <ArticleNavigator/>
+        <ArticleNavigator user={user}/>
         <ArticleTopBar/>
         <ArticleList/>
         <ArticleDetail/>
@@ -30,14 +46,21 @@ function remap (state) {
   let teams = Array.isArray(currentUser.Teams) ? currentUser.Teams : []
 
   let users = [currentUser, ...teams]
+  let user = findWhere(users, {id: parseInt(state.params.userId, 10)})
 
   return {
-    users
+    users,
+    user
   }
 }
 
 HomeContainer.propTypes = {
-  users: PropTypes.array
+  users: PropTypes.array,
+  user: PropTypes.object,
+  params: PropTypes.shape({
+    userId: PropTypes.string
+  }),
+  dispatch: PropTypes.func
 }
 
-export default connect(remap, {})(HomeContainer)
+export default connect(remap)(HomeContainer)