Fixed compose issue, profile page issue

Author: Eric Simons

package.json

@@ -9,11 +9,13 @@
   "dependencies": {
     "history": "^4.3.0",
     "marked": "^0.3.6",
-    "react": "^15.3.2",
-    "react-dom": "^15.3.2",
-    "react-redux": "^4.4.5",
-    "react-router": "^2.8.1",
+    "prop-types": "^15.5.10",
+    "react": "^15.5.0",
+    "react-dom": "^15.5.0",
+    "react-redux": "^4.4.8",
+    "react-router": "^3.0.4",
     "redux": "^3.6.0",
+    "redux-devtools-extension": "^2.13.2",
     "redux-logger": "^3.0.1",
     "superagent": "^2.3.0",
     "superagent-promise": "^1.1.0"

src/components/App.js

@@ -1,6 +1,7 @@
 import agent from '../agent';
 import Header from './Header';
 import React from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { APP_LOAD, REDIRECT } from '../constants/actionTypes';
 
@@ -57,7 +58,7 @@ class App extends React.Component {
 }
 
 App.contextTypes = {
-  router: React.PropTypes.object.isRequired
+  router: PropTypes.object.isRequired
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(App);

src/components/Header.js

@@ -36,7 +36,7 @@ const LoggedInView = props => {
       <ul className="nav navbar-nav pull-xs-right">
 
         <li className="nav-item">
-          <Link to="" className="nav-link">
+          <Link to="/" className="nav-link">
             Home
           </Link>
         </li>

src/components/ProfileFavorites.js

@@ -4,15 +4,15 @@ import { Link } from 'react-router';
 import agent from '../agent';
 import { connect } from 'react-redux';
 import {
-  PROFILE_FAVORITES_PAGE_LOADED,
-  PROFILE_FAVORITES_PAGE_UNLOADED
+  PROFILE_PAGE_LOADED,
+  PROFILE_PAGE_UNLOADED
 } from '../constants/actionTypes';
 
 const mapDispatchToProps = dispatch => ({
   onLoad: (pager, payload) =>
-    dispatch({ type: PROFILE_FAVORITES_PAGE_LOADED, pager, payload }),
+    dispatch({ type: PROFILE_PAGE_LOADED, pager, payload }),
   onUnload: () =>
-    dispatch({ type: PROFILE_FAVORITES_PAGE_UNLOADED })
+    dispatch({ type: PROFILE_PAGE_UNLOADED })
 });
 
 class ProfileFavorites extends Profile {

src/constants/actionTypes.js

@@ -17,8 +17,6 @@ export const APPLY_TAG_FILTER = 'APPLY_TAG_FILTER';
 export const CHANGE_TAB = 'CHANGE_TAB';
 export const PROFILE_PAGE_LOADED = 'PROFILE_PAGE_LOADED';
 export const PROFILE_PAGE_UNLOADED = 'PROFILE_PAGE_UNLOADED';
-export const PROFILE_FAVORITES_PAGE_LOADED = 'PROFILE_FAVORITES_PAGE_LOADED';
-export const PROFILE_FAVORITES_PAGE_UNLOADED = 'PROFILE_FAVORITES_PAGE_UNLOADED';
 export const LOGIN = 'LOGIN';
 export const LOGOUT = 'LOGOUT';
 export const REGISTER = 'REGISTER';

src/reducer.js

@@ -6,7 +6,6 @@ import common from './reducers/common';
 import editor from './reducers/editor';
 import home from './reducers/home';
 import profile from './reducers/profile';
-import profileFavorites from './reducers/profileFavorites';
 import settings from './reducers/settings';
 
 export default combineReducers({
@@ -17,6 +16,5 @@ export default combineReducers({
   editor,
   home,
   profile,
-  profileFavorites,
   settings
 });

src/reducers/profileFavorites.js

@@ -1,5 +1,6 @@
-import { applyMiddleware, createStore, compose } from 'redux';
-import {createLogger} from 'redux-logger'
+import { applyMiddleware, createStore } from 'redux';
+import { createLogger } from 'redux-logger'
+import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';
 import { promiseMiddleware, localStorageMiddleware } from './middleware';
 import reducer from './reducer';
 
@@ -12,6 +13,6 @@ const getMiddleware = () => {
   }
 }
 
-const store = createStore(reducer, compose(getMiddleware(), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()))
+const store = createStore(reducer, composeWithDevTools(getMiddleware()))
 
 export default store;