before applying redux

browser/main/HomeContainer/Components/ArticleDetail.js

@@ -0,0 +1,9 @@
+import React, { PropTypes } from 'react'
+
+export default class ArticleDetail extends React.Component {
+  render () {
+    return (
+      <div></div>
+    )
+  }
+}

browser/main/HomeContainer/Components/ArticleList.js

@@ -0,0 +1,11 @@
+import React, { PropTypes } from 'react'
+
+class ArticleList extends React.Component {
+  render() {
+    return (
+      <div className='ArticleList'></div>
+    )
+  }
+}
+
+export default ArticleList

browser/main/HomeContainer/Components/ArticleNavigator.js

@@ -0,0 +1,12 @@
+import React, { PropTypes } from 'react'
+
+class ArticleNavigator extends React.Component {
+  render () {
+    return (
+      <div className='ArticleNavigator'>
+      </div>
+    )
+  }
+}
+
+export default ArticleNavigator

browser/main/HomeContainer/Components/UserNavigator.js

@@ -0,0 +1,33 @@
+import React, { Component, PropTypes } from 'react'
+import { Link } from 'react-router'
+
+export default class UserNavigator extends Component {
+
+  renderUserList () {
+    var users = this.props.users.map(user => (
+      <li key={'user-' + user.id}>
+        <Link to={'/users/' + user.id}>
+          <div className='userTooltip'>{user.name}</div>
+        </Link>
+      </li>
+    ))
+
+    return (
+      <div className='userList'>
+        {users}
+      </div>
+    )
+  }
+
+  render () {
+    return (
+      <div className='UserNavigator'>
+        {this.renderUserList()}
+      </div>
+    )
+  }
+}
+
+UserNavigator.propTypes = {
+  users: PropTypes.array
+}

browser/main/HomeContainer/actions.js

@@ -0,0 +1,10 @@
+function updateUser (user) {
+  return {
+    type: 'USER_UPDATE',
+    data: user
+  }
+}
+
+module.exports = {
+  updateUser: updateUser
+}

browser/main/HomeContainer/index.js

@@ -0,0 +1,50 @@
+import React from 'react'
+// import { connect } from 'react-redux'
+// import actionss....
+import UserNavigator from './Components/UserNavigator'
+import ArticleNavigator from './Components/ArticleNavigator'
+import ArticleList from './Components/ArticleList'
+import ArticleDetail from './Components/ArticleDetail'
+
+// var AuthFilter = require('../Mixins/AuthFilter')
+// var KeyCaster = require('../Mixins/KeyCaster')
+
+class HomeContainer extends React.Component {
+  componentDidMount () {
+    // if (!this.isActive('user')) {
+    //   console.log('redirect to user home')
+    //   var user = JSON.parse(localStorage.getItem('currentUser'))
+    //   this.transitionTo('userHome', {userId: user.id})
+    // }
+  }
+  render () {
+    let users = [
+      {
+        id: 1,
+        name: 'me',
+        email: 'fll@eme.com'
+      },
+      {
+        id: 2,
+        name: 'me',
+        email: 'fll@eme.com'
+      }
+    ]
+    return (
+      <div className='HomeContainer'>
+        <UserNavigator users={users} />
+        <ArticleNavigator/>
+        <ArticleList/>
+        <ArticleDetail/>
+      </div>
+    )
+  }
+}
+
+// function remap (state) {
+//   console.log('mapped')
+//   console.log(state)
+//   return {}
+// }
+
+export default HomeContainer

browser/main/HomeContainer/reducer.js

@@ -0,0 +1,15 @@
+import {combineReducers} from 'redux'
+
+const initialCurrentUser = JSON.parse(localStorage.getItem('currentUser'))
+
+function currentUser (state, action) {
+  switch (action.type) {
+
+    default:
+      return initialCurrentUser
+  }
+}
+
+export default combineReducers({
+  currentUser
+})