Add condition

Author: Ives van Hoorne

src/app/containers/Preferences/index.js

@@ -35,10 +35,12 @@ const ContentContainer = styled.div`
 
 type Props = {
   user: CurrentUser,
+  integrationsEnabled: boolean,
 };
 
 const mapStateToProps = state => ({
   user: currentUserSelector(state),
+  integrationsEnabled: state.features.integrations,
 });
 class Preferences extends React.PureComponent {
   props: Props;
@@ -70,7 +72,8 @@ class Preferences extends React.PureComponent {
         icon: <BrowserIcon />,
         content: <PreviewSettings />,
       },
-      signedIn && {
+      signedIn &&
+      this.props.integrationsEnabled && {
         title: 'Integrations',
         icon: <IntegrationIcon />,
         content: <Integrations />,

src/app/pages/Sandbox/Editor/Content/Header/index.js

@@ -99,6 +99,7 @@ type Props = {
   modalActions: typeof modalActionCreators,
   user: CurrentUser,
   canSave: boolean,
+  integrationsEnabled: boolean,
 };
 
 export default class Header extends React.PureComponent<Props> {
@@ -230,7 +231,8 @@ export default class Header extends React.PureComponent<Props> {
           />
           <Action title="Download" Icon={Download} onClick={this.zipSandbox} />
           {user.jwt &&
-          sandbox.owned && (
+          sandbox.owned &&
+          this.props.integrationsEnabled && (
             <Action
               title="Deploy"
               Icon={NowIcon}

src/app/pages/Sandbox/Editor/Content/index.js

@@ -53,6 +53,7 @@ type Props = {
   userActions: typeof userActionCreators,
   modalActions: typeof modalActionCreators,
   previewApiActions: typeof previewApiActionCreators,
+  integrationsEnabled: boolean,
 };
 
 type State = {
@@ -71,11 +72,13 @@ const mapStateToProps = createSelector(
   currentUserSelector,
   modulesFromSandboxSelector,
   directoriesFromSandboxSelector,
-  (preferences, user, modules, directories) => ({
+  state => state.features.integrations,
+  (preferences, user, modules, directories, integrationsEnabled) => ({
     preferences,
     user,
     modules,
     directories,
+    integrationsEnabled,
   })
 );
 const mapDispatchToProps = dispatch => ({
@@ -224,6 +227,7 @@ class EditorPreview extends React.PureComponent<Props, State> {
             workspaceHidden={workspaceHidden}
             toggleWorkspace={toggleWorkspace}
             canSave={notSynced}
+            integrationsEnabled={this.props.integrationsEnabled}
           />
           <SplitPane
             onDragStarted={this.startResizing}

src/app/store/features/reducer.js

@@ -0,0 +1,24 @@
+// @flow
+
+type State = {
+  integrations: boolean,
+};
+
+const initialState = {
+  integrations: false,
+};
+
+export default function reducer(
+  state: State = initialState,
+  action: Object
+): State {
+  switch (action.type) {
+    case 'ENABLE_INTEGRATIONS':
+      return {
+        ...state,
+        integrations: true,
+      };
+    default:
+      return state;
+  }
+}

src/app/store/index.js

@@ -22,9 +22,7 @@ export default history => {
     composeEnhancers(applyMiddleware(thunk, routerMiddleware(history)))
   );
 
-  if (process.env.NODE_ENV === 'development') {
-    window.store = store;
-  }
+  window.store = store;
 
   return store;
 };

src/app/store/root-reducer.js

@@ -9,11 +9,13 @@ import notificationsReducer from './notifications/reducer';
 import preferencesReducer from './preferences/reducer';
 import userReducer from './user/reducer';
 import connectionStatusReducer from './connection/reducer';
+import featuresReducer from './features/reducer';
 
 export default combineReducers({
   entities: entityReducer,
   contextMenu: contextMenuReducer,
   connectionStatus: connectionStatusReducer,
+  features: featuresReducer,
   modal: modalReducer,
   notifications: notificationsReducer,
   preferences: preferencesReducer,