(feature) Notify users sync is being paused until connection is resumed

public/locales/en/translations.json

@@ -432,7 +432,9 @@
     },
     "signInFail": "Invalid credentials",
     "timeframe_update": "Time frame updated",
-    "signUpFail": "Invalid API Key or Secret"
+    "signUpFail": "Invalid API Key or Secret",
+    "netError": "Fetching data paused due broken internet connection",
+    "netResumed": "Internet connection restored fetching data resumed"
   },
   "subaccounts": {
     "add_account": "Add Account",

src/state/ws/constants.js

@@ -1,4 +1,6 @@
 export default {
   WS_CONNECT: 'ws_connect',
   WS_RECONNECT: 'ws_reconnect',
+  WS_NET_ERROR: 'ws_emitENetError',
+  WS_NET_RESUMED: 'ws_emitENetResumed',
 }

src/state/ws/saga.js

@@ -1,6 +1,7 @@
 import { call, put, takeLatest } from 'redux-saga/effects'
 
 import { updateSyncStatus } from 'state/sync/actions'
+import { updateStatus, updateWarningStatus } from 'state/status/actions'
 
 import types from './constants'
 import login from './signIn'
@@ -13,6 +14,16 @@ function* reconnect() {
   }
 }
 
+function* notifyNetError() {
+  yield put(updateWarningStatus({ id: 'status.netError' }))
+}
+
+function* notifyNetResumed() {
+  yield put(updateStatus({ id: 'status.netResumed' }))
+}
+
 export default function* wsSaga() {
   yield takeLatest(types.WS_RECONNECT, reconnect)
+  yield takeLatest(types.WS_NET_ERROR, notifyNetError)
+  yield takeLatest(types.WS_NET_RESUMED, notifyNetResumed)
 }