Add Opt-in Switch to Sandy UI

Summary:
With the new design from vpileggi, this diff separated a new app UI to the current one.

This diffs show the toggle switch to enable Sandy UI for devs who are in `flipper_sandy` GK. When toggled, it will bring Sandy UI up.

Reviewed By: mweststrate

Differential Revision: D23599398

fbshipit-source-id: d85c707e0fe7726a418b3551cedb36e455fb7d14

desktop/app/src/init.tsx

@@ -9,12 +9,11 @@
 
 import {Provider} from 'react-redux';
 import ReactDOM from 'react-dom';
-import {useState, useEffect} from 'react';
 
 import ContextMenuProvider from './ui/components/ContextMenuProvider';
 import GK from './fb-stubs/GK';
 import {init as initLogger} from './fb-stubs/Logger';
-import App from './App';
+import App from './fb-stubs/App';
 import setupPrefetcher from './fb-stubs/Prefetcher';
 import {persistStore} from 'redux-persist';
 import {Store} from './reducers/index';
@@ -22,9 +21,6 @@ import dispatcher from './dispatcher/index';
 import TooltipProvider from './ui/components/TooltipProvider';
 import config from './utils/processConfig';
 import {initLauncherHooks} from './utils/launcher';
-import fbConfig from './fb-stubs/config';
-import {isFBEmployee} from './utils/fbEmployee';
-import WarningEmployee from './chrome/WarningEmployee';
 import {setPersistor} from './utils/persistor';
 import React from 'react';
 import path from 'path';
@@ -59,38 +55,19 @@ enableMapSet();
 
 GK.init();
 
-const AppFrame = () => {
-  const [warnEmployee, setWarnEmployee] = useState(false);
-  useEffect(() => {
-    if (fbConfig.warnFBEmployees) {
-      isFBEmployee().then((isEmployee) => {
-        setWarnEmployee(isEmployee);
-      });
-    }
-  }, []);
-
-  return (
-    <TooltipProvider>
-      <PopoverProvider>
-        <ContextMenuProvider>
-          <Provider store={store}>
-            <CacheProvider value={cache}>
-              {warnEmployee ? (
-                <WarningEmployee
-                  onClick={() => {
-                    setWarnEmployee(false);
-                  }}
-                />
-              ) : (
-                <App logger={logger} />
-              )}
-            </CacheProvider>
-          </Provider>
-        </ContextMenuProvider>
-      </PopoverProvider>
-    </TooltipProvider>
-  );
-};
+const AppFrame = () => (
+  <TooltipProvider>
+    <PopoverProvider>
+      <ContextMenuProvider>
+        <Provider store={store}>
+          <CacheProvider value={cache}>
+            <App logger={logger} />
+          </CacheProvider>
+        </Provider>
+      </ContextMenuProvider>
+    </PopoverProvider>
+  </TooltipProvider>
+);
 
 function setProcessState(store: Store) {
   const settings = store.getState().settingsState;
@@ -116,7 +93,6 @@ function init() {
   initializeFlipperLibImplementation(store, logger);
   ReactDOM.render(<AppFrame />, document.getElementById('root'));
   initLauncherHooks(config(), store);
-  const sessionId = store.getState().application.sessionId;
   registerRecordingHooks(store);
   enableConsoleHook();
   window.flipperGlobalStoreDispatch = store.dispatch;