better logging

Author: alexeuler

Diff for: mobile/ReactNativeTutorial/app/bundles/comments/sagas/index.js

@@ -3,8 +3,8 @@ import { call, put } from 'redux-saga/effects';
 
 import { actions as reduxActions } from '../../../reducers'
 
-const FETCH = 'COMMENTS:FETCH';
-const UPDATE_FORM = 'COMMENTS:UPDATE_FORM';
+const FETCH = 'SAGA:COMMENTS:FETCH';
+const UPDATE_FORM = 'SAGA:COMMENTS:UPDATE_FORM';
 
 function* fetchHandler() {
   // try {

Diff for: mobile/ReactNativeTutorial/app/setup/loggerMiddleware.js

@@ -1,9 +1,13 @@
 export default function logger({ getState }) {
   return next => action => {
-    console.info('will dispatch action', action);
+    if (/^SAGA/i.test(action.type)) {
+      console.info(`Executing saga action %c${action.type}`, 'color: #0C0CD6');
+      return next(action);
+    }
+    console.info('Executing redux action', action);
     const result = next(action);
     const state = getState();
-    console.info('state after dispatch', state.toJS());
+    console.info('State after dispatch', state.toJS());
     return result;
   };
 }