Add UI selection

1 files changed, 34 insertions, 26 deletions

diff --git a/ui/app/app.js b/ui/app/app.js
index e90c3e98e..7e1eb200f 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -116,40 +116,41 @@ App.prototype.render = function () {
   log.debug('Main ui render function')
 
   return (
+    h('.new-ui', [
+      h('.flex-column.full-height', {
+        style: {
+          overflowX: 'hidden',
+          position: 'relative',
+          alignItems: 'center',
+        },
+      }, [
 
-    h('.flex-column.full-height', {
-      style: {
-        overflowX: 'hidden',
-        position: 'relative',
-        alignItems: 'center',
-      },
-    }, [
-
-      // global modal
-      h(Modal, {}, []),
+        // global modal
+        h(Modal, {}, []),
 
-      // app bar
-      this.renderAppBar(),
+        // app bar
+        this.renderAppBar(),
 
-      // sidebar
-      this.renderSidebar(),
+        // sidebar
+        this.renderSidebar(),
 
-      // network dropdown
-      h(NetworkDropdown, {
-        provider: this.props.provider,
-        frequentRpcList: this.props.frequentRpcList,
-      }, []),
+        // network dropdown
+        h(NetworkDropdown, {
+          provider: this.props.provider,
+          frequentRpcList: this.props.frequentRpcList,
+        }, []),
 
-      h(AccountMenu),
+        h(AccountMenu),
 
-      (isLoading || isLoadingNetwork) && h(Loading, {
-        loadingMessage: loadMessage,
-      }),
+        (isLoading || isLoadingNetwork) && h(Loading, {
+          loadingMessage: loadMessage,
+        }),
 
-      // this.renderLoadingIndicator({ isLoading, isLoadingNetwork, loadMessage }),
+        // this.renderLoadingIndicator({ isLoading, isLoadingNetwork, loadMessage }),
 
-      // content
-      this.renderPrimary(),
+        // content
+        this.renderPrimary(),
+      ])
     ])
   )
 }
@@ -268,6 +269,13 @@ App.prototype.renderAppBar = function () {
               },
             }, 'MetaMask'),
 
+            h('span', {
+              style: {},
+              onClick: () => {
+                props.dispatch(actions.setFeatureFlag('betaUI', false))
+              },
+            }, 'Leave Beta')
+
           ]),
 
           h('div.header__right-actions', [