feat: add offline notification (by console.log

LancersDevTeam · Dec 8, 2016 · 5f18d76 · 5f18d76
1 parent 5e1429d
commit 5f18d76
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/src/messages.js b/src/messages.js
@@ -0,0 +1,6 @@
+// @flow
+const MESSAGES = {
+    OFFLINE_NOTIFICATION: 'オフラインです',
+};
+
+export default MESSAGES;
diff --git a/src/middlewares/network_status_checker.js b/src/middlewares/network_status_checker.js
@@ -0,0 +1,18 @@
+// @flow
+import * as ActionTypes from '../actions/action_types';
+import MESSAGES from '../messages';
+
+export default (store: any) => (next: any) => (action: any) => {
+    /* eslint-disable guard-for-in */
+    for (const key in ActionTypes) {
+        if ((ActionTypes[key] === action.type) && action.type.match(/.*_START$/)) {
+            if (!navigator.onLine) {
+                console.log(MESSAGES.OFFLINE_NOTIFICATION);
+                // TODO: モーダルダイアログでメッセージを表示する
+                // return next(openAlertDialog(MESSAGES.OFFLINE_NOTIFICATION));
+                return null;
+            }
+        }
+    }
+    return next(action);
+};
diff --git a/src/store/configure_store.js b/src/store/configure_store.js
@@ -6,14 +6,16 @@ import { routerMiddleware } from 'react-router-redux';
 import { browserHistory } from 'react-router';
 import rootSaga from '../sagas/index';
 import rootReducer from '../reducers';
-import responseCamelizer from '../middleware/response_camelizer';
-import requestDecamelizer from '../middleware/request_decamelizer';
+import responseCamelizer from '../middlewares/response_camelizer';
+import requestDecamelizer from '../middlewares/request_decamelizer';
+import networkStatusChecker from '../middlewares/network_status_checker';
 
 const routing = routerMiddleware(browserHistory);
 const sagaMiddleware = createSagaMiddleware();
 const enhancer = compose(
     applyMiddleware(
         routing,
+        networkStatusChecker, // sagaMiddleware より前に置かないと _START をキャンセルしても API コールが行われる
         sagaMiddleware,
         responseCamelizer,
         requestDecamelizer,