From 163f73c50a08926dc1e81d2f16c7c16619071120 Mon Sep 17 00:00:00 2001
From: Rob Sharp <qnm@fea.st>
Date: Sat, 1 Aug 2015 22:40:24 +1000
Subject: [PATCH] Add react-devtools

---
 containers/App.js | 22 ++++++++++++++++++----
 package.json      |  1 +
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/containers/App.js b/containers/App.js
index 5682a2dc..bc014418 100644
--- a/containers/App.js
+++ b/containers/App.js
@@ -1,18 +1,32 @@
 import React, { Component } from 'react';
 import PokedexApp from './PokedexApp';
-import { createStore, combineReducers } from 'redux';
+import { createStore, combineReducers, compose } from 'redux';
 import { Provider } from 'react-redux';
 import * as reducers from '../reducers';
+import { devTools, persistState } from 'redux-devtools';
+import { DevTools, DebugPanel, LogMonitor } from 'redux-devtools/lib/react';
+
+ const finalCreateStore = compose(
+   devTools(),
+   persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)),
+   createStore
+ );
 
 const reducer = combineReducers(reducers);
-const store = createStore(reducer);
+const store = finalCreateStore(reducer);
 
 export default class App extends Component {
   render() {
     return (
-      <Provider store={store}>
+      <div>
+        <Provider store={store}>
         {() => <PokedexApp />}
-      </Provider>
+        </Provider>
+        <DebugPanel top right bottom>
+          <DevTools store={store}
+           monitor={LogMonitor} />
+        </DebugPanel>
+      </div>
     );
   }
 }
diff --git a/package.json b/package.json
index 0bde02e1..500ca469 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "node-libs-browser": "^0.5.2",
     "raw-loader": "^0.5.1",
     "react-hot-loader": "^1.2.7",
+    "redux-devtools": "^0.1.2",
     "style-loader": "^0.12.3",
     "webpack": "^1.9.11",
     "webpack-dev-server": "^1.9.0"