From 9ca50d56a8221ad29f4e623d8c321161d9b5adeb Mon Sep 17 00:00:00 2001
From: Valeriy <ValeraS@users.noreply.github.com>
Date: Thu, 13 Sep 2018 21:16:22 +0300
Subject: [PATCH] add redux-devtools-extention

---
 packages/learn/package.json       |  1 +
 packages/learn/src/redux/store.js | 12 ++++++++++--
 packages/learn/yarn.lock          |  4 ++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/learn/package.json b/packages/learn/package.json
index 1f0adae029..62e605758c 100644
--- a/packages/learn/package.json
+++ b/packages/learn/package.json
@@ -96,6 +96,7 @@
     "eslint-plugin-react": "^7.7.0",
     "monaco-editor-webpack-plugin": "^1.5.2",
     "prettier": "^1.11.1",
+    "redux-devtools-extension": "^2.13.5",
     "sinon": "^4.5.0",
     "webpack-cli": "^3.1.0"
   }
diff --git a/packages/learn/src/redux/store.js b/packages/learn/src/redux/store.js
index 40fb72aa44..98d3dddafe 100644
--- a/packages/learn/src/redux/store.js
+++ b/packages/learn/src/redux/store.js
@@ -6,6 +6,9 @@ import {
 import { combineEpics, createEpicMiddleware } from 'redux-observable';
 
 import { reducer as formReducer } from 'redux-form';
+import {
+  composeWithDevTools
+} from 'redux-devtools-extension/logOnlyInProduction';
 
 import { reducer as app, epics as appEpics } from './app';
 import {
@@ -40,8 +43,13 @@ const epicMiddleware = createEpicMiddleware(rootEpic, {
   }
 });
 
+const composeEnhancers = composeWithDevTools({
+  // options like actionSanitizer, stateSanitizer
+});
+
 export const createStore = () =>
   reduxCreateStore(
     rootReducer,
-    applyMiddleware(epicMiddleware)
-  );
+    composeEnhancers(
+      applyMiddleware(epicMiddleware)
+  ));
diff --git a/packages/learn/yarn.lock b/packages/learn/yarn.lock
index 7df246c073..6dfa969518 100644
--- a/packages/learn/yarn.lock
+++ b/packages/learn/yarn.lock
@@ -9183,6 +9183,10 @@ redux-actions@^2.3.0:
     lodash-es "^4.17.4"
     reduce-reducers "^0.1.0"
 
+redux-devtools-extension@^2.13.5:
+  version "2.13.5"
+  resolved "https://registry.yarnpkg.com/redux-devtools-extension/-/redux-devtools-extension-2.13.5.tgz#3ff34f7227acfeef3964194f5f7fc2765e5c5a39"
+
 redux-form@5:
   version "5.3.6"
   resolved "https://registry.yarnpkg.com/redux-form/-/redux-form-5.3.6.tgz#f77a81dbf38d44d26ea411100a23f19e29cd1946"