restore connection status behavior from before

- connectivity got really complicated over the years with hub-websocket
  and a connection to each project, and multiple NATS connection... but
  that's all cleaned up now with just one connection.  But the code was
  still complicated.  So delete and get back the original behavior,
  where it doesn't say "DISCONNECTED" until 10 seconds after connection
  drops and doesn't come back.

Author: williamstein

src/packages/frontend/app/connection-indicator.tsx

@@ -21,7 +21,6 @@ import {
   TOP_BAR_ELEMENT_CLASS,
 } from "./top-nav-consts";
 import { blur_active_element } from "./util";
-import type { ConnectionStatus } from "./store";
 
 interface Props {
   height: number; // px
@@ -41,11 +40,8 @@ export const ConnectionIndicator: React.FC<Props> = React.memo(
     const { topPaddingIcons, sidePaddingIcons, fontSizeIcons } = pageStyle;
 
     const intl = useIntl();
-    const hub_status = useTypedRedux("page", "connection_status");
     const actions = useActions("page");
-    const conat = useTypedRedux("page", "conat");
-    const conatState = conat?.get("state") ?? "disconnected";
-    const connection_status = worst(hub_status, conatState);
+    const connection_status = useTypedRedux("page", "connection_status");
 
     const connecting_style: CSS = {
       flex: "1",
@@ -116,14 +112,3 @@ export const ConnectionIndicator: React.FC<Props> = React.memo(
   },
 );
 
-function worst(a?: ConnectionStatus, b?: ConnectionStatus): ConnectionStatus {
-  if (a == null || b == null) {
-    return "disconnected";
-  }
-  for (const x of ["disconnected", "connecting", "connected"]) {
-    if (a == x || b == x) {
-      return x;
-    }
-  }
-  return a;
-}

src/packages/frontend/app/monitor-connection.ts

@@ -7,7 +7,6 @@
 // state in the page store.
 
 import { delay } from "awaiting";
-
 import { alert_message } from "@cocalc/frontend/alerts";
 import { redux } from "@cocalc/frontend/app-framework";
 import { webapp_client } from "@cocalc/frontend/webapp-client";
@@ -16,8 +15,8 @@ import { reuseInFlight } from "@cocalc/util/reuse-in-flight";
 import { SITE_NAME } from "@cocalc/util/theme";
 import { ConnectionStatus } from "./store";
 
-const DISCONNECTED_STATE_DELAY_MS = 5000;
-const CONNECTING_STATE_DELAY_MS = 3000;
+const DISCONNECTED_STATE_DELAY_MS = 10000;
+const CONNECTING_STATE_DELAY_MS = 5000;
 
 import { isMobile } from "../feature";