Move all status/alert dialogs into the Left Pane

ts/services/networkObserver.ts

@@ -0,0 +1,40 @@
+import {
+  CheckNetworkStatusPayloadType,
+  NetworkActionType,
+} from '../state/ducks/network';
+import { getSocketStatus } from '../shims/socketStatus';
+
+type NetworkActions = {
+  checkNetworkStatus: (x: CheckNetworkStatusPayloadType) => NetworkActionType;
+  closeConnectingGracePeriod: () => NetworkActionType;
+};
+
+const REFRESH_INTERVAL = 5000;
+
+interface ShimmedWindow extends Window {
+  log: {
+    info: (...args: any) => void;
+  };
+}
+
+const unknownWindow = window as unknown;
+const shimmedWindow = unknownWindow as ShimmedWindow;
+
+export function initializeNetworkObserver(networkActions: NetworkActions) {
+  const { log } = shimmedWindow;
+  log.info(`Initializing network observer every ${REFRESH_INTERVAL}ms`);
+
+  const refresh = () => {
+    networkActions.checkNetworkStatus({
+      isOnline: navigator.onLine,
+      socketStatus: getSocketStatus(),
+    });
+  };
+
+  window.addEventListener('online', refresh);
+  window.addEventListener('offline', refresh);
+  window.setInterval(refresh, REFRESH_INTERVAL);
+  window.setTimeout(() => {
+    networkActions.closeConnectingGracePeriod();
+  }, REFRESH_INTERVAL);
+}