connect: hide Connect UI

Author: jamaljsr

app/src/components/connect/ConnectPage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Redirect } from 'react-router';
 import { observer } from 'mobx-react-lite';
 import styled from '@emotion/styled';
 import nodeConnectSvg from 'assets/images/lightning-node-connect.svg';
@@ -32,7 +33,11 @@ const Styled = {
 
 const ConnectPage: React.FC = () => {
   const { l } = usePrefixedTranslation('cmps.connect.ConnectPage');
-  const { sessionStore } = useStore();
+  const { appView, sessionStore } = useStore();
+
+  if (!appView.showLightningConnect) {
+    return <Redirect to="/loop" />;
+  }
 
   const { Wrapper, DisplayLarge, Description, Divider } = Styled;
   return !sessionStore.hasMultiple ? (

app/src/components/layout/NavMenu.tsx

@@ -84,7 +84,13 @@ const NavMenu: React.FC = () => {
         <NavItem page="history" onClick={appView.goToHistory} />
         <NavItem page="pool" badge={l('common.preview')} onClick={appView.goToPool} />
         <NavItem page="settings" onClick={appView.goToSettings} />
-        <NavItem page="connect" badge={l('common.beta')} onClick={appView.goToConnect} />
+        {appView.showLightningConnect && (
+          <NavItem
+            page="connect"
+            badge={l('common.beta')}
+            onClick={appView.goToConnect}
+          />
+        )}
       </Nav>
     </>
   );

app/src/store/views/appView.ts

@@ -39,6 +39,13 @@ export default class AppView {
     }
   }
 
+  /** determines if the Lightning Node Connect UI should be visible */
+  get showLightningConnect() {
+    const devOverride = !!localStorage.getItem('i-want-lnc');
+    /** the unix timestamp (ms) when Lightning Node Connect should become visible */
+    return devOverride || Date.now() > 1638288000000; // Nov 30 2021 11:00am EST
+  }
+
   /** Change to the Auth page */
   gotoAuth() {
     this.goTo(`${PUBLIC_URL}/`);