Example of using isMonitorAction

Related to #140.
zalmoxisus · Jul 15, 2016 · 352f079 · 352f079
1 parent dbc6c05
commit 352f079
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/examples/counter/components/Counter.js b/examples/counter/components/Counter.js
@@ -1,11 +1,16 @@
 import React, { Component, PropTypes } from 'react';
+import { isMonitorAction } from '../store/configureStore';
 
 class Counter extends Component {
   render() {
     const { increment, incrementIfOdd, incrementAsync, decrement, counter } = this.props;
     return (
       <p>
         Clicked: {counter} times
+        {
+          process.env.NODE_ENV === 'production' || !isMonitorAction() ? '*' :
+          <strong> (changed by monitor) </strong>
+        }
         {' '}
         <button onClick={increment}>+</button>
         {' '}

diff --git a/examples/counter/store/configureStore.js b/examples/counter/store/configureStore.js
@@ -3,10 +3,13 @@ import thunk from 'redux-thunk';
 import invariant from 'redux-immutable-state-invariant';
 import reducer from '../reducers';
 
+export let isMonitorAction;
 export default function configureStore(initialState) {
   const store = createStore(reducer, initialState, compose(
     applyMiddleware(invariant(), thunk),
-    window.devToolsExtension ? window.devToolsExtension() : f => f
+    window.devToolsExtension ? window.devToolsExtension({
+      getMonitor: (monitor) => { isMonitorAction = monitor.isMonitorAction; }
+    }) : f => f
   ));
 
   if (module.hot) {