From a837f5dfd203cde25c0e588f796b93308d7040c6 Mon Sep 17 00:00:00 2001
From: Nick Kelly <nick.kelly314+github@gmail.com>
Date: Mon, 15 Feb 2021 14:14:43 -0800
Subject: [PATCH] Enable Redux DevTools in development mode

---
 client/src/store.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/src/store.js b/client/src/store.js
index 2fa3a3cc..c5f0a675 100755
--- a/client/src/store.js
+++ b/client/src/store.js
@@ -1,4 +1,4 @@
-import { applyMiddleware, createStore } from 'redux';
+import { applyMiddleware, createStore, compose as reduxCompose } from 'redux';
 import createSagaMiddleware from 'redux-saga';
 import { routerMiddleware } from 'connected-react-router';
 
@@ -10,12 +10,19 @@ const sagaMiddleware = createSagaMiddleware();
 
 const middlewares = [sagaMiddleware, routerMiddleware(history)];
 
+let compose = reduxCompose;
+
 if (process.env.NODE_ENV !== 'production') {
   const { logger } = require('redux-logger'); // eslint-disable-line global-require
-
   middlewares.push(logger);
+
+  // enable Redux Devtools in development
+  // https://github.com/zalmoxisus/redux-devtools-extension
+  if (typeof window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ !== 'undefined') {
+    compose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;
+  }
 }
 
-export default createStore(rootReducer, applyMiddleware(...middlewares));
+export default createStore(rootReducer, compose(applyMiddleware(...middlewares)));
 
 sagaMiddleware.run(rootSaga);