Remove new app dialog

Author: drew-gross

components/Sidebar/AppsMenu.react.js

@@ -12,7 +12,7 @@ import React            from 'react';
 import styles           from 'components/Sidebar/Sidebar.scss';
 import { unselectable } from 'stylesheets/base.scss';
 
-let AppsMenu = ({ apps, current, height, onSelect, showCreateDialog }) => (
+let AppsMenu = ({ apps, current, height, onSelect }) => (
   <div style={{ height }} className={[styles.appsMenu, unselectable].join(' ')}>
     <div className={styles.currentApp} onClick={onSelect.bind(null, current.slug)}>
       {current.name}
@@ -29,8 +29,6 @@ let AppsMenu = ({ apps, current, height, onSelect, showCreateDialog }) => (
         </Link>
       );
     })}
-
-    <a onClick={showCreateDialog} className={styles.createApp}>Create a new app</a>
   </div>
 );
 

components/Sidebar/AppsSelector.react.js

@@ -9,7 +9,6 @@ import AppsMenu       from 'components/Sidebar/AppsMenu.react';
 import { Directions } from 'lib/Constants';
 import Popover        from 'components/Popover/Popover.react';
 import history        from 'dashboard/history';
-import NewAppDialog   from 'dashboard/Apps/NewAppDialog.react';
 import ParseApp       from 'lib/ParseApp';
 import Position       from 'lib/Position';
 import React          from 'react';
@@ -23,7 +22,6 @@ export default class AppsSelector extends React.Component {
     this.state = {
       open: false,
       position: null,
-      showDialog: false,
     }
   }
 
@@ -35,7 +33,7 @@ export default class AppsSelector extends React.Component {
 
   componentWillReceiveProps(nextProps, nextContext) {
     if (this.context !== nextContext) {
-      this.setState({ open: false, showDialog: false });
+      this.setState({ open: false });
     }
   }
 
@@ -76,8 +74,7 @@ export default class AppsSelector extends React.Component {
             apps={this.props.apps}
             current={this.context.currentApp}
             height={height}
-            onSelect={this.select.bind(this)}
-            showCreateDialog={() => this.setState({ showDialog: true })} />
+            onSelect={this.select.bind(this)} />
         </Popover>
       );
     }
@@ -87,7 +84,6 @@ export default class AppsSelector extends React.Component {
           {this.context.currentApp.name}
         </div>
         {popover}
-        <NewAppDialog open={this.state.showDialog} onCancel={() => this.setState({ showDialog: false })} />
       </div>
     );
   }

dashboard/Apps/AppsIndex.react.js

@@ -12,7 +12,6 @@ import howLongAgo   from 'lib/howLongAgo';
 import html         from 'lib/htmlString';
 import Icon         from 'components/Icon/Icon.react';
 import LiveReload   from 'components/LiveReload/LiveReload.react';
-import NewAppDialog from 'dashboard/Apps/NewAppDialog.react';
 import pluralize    from 'lib/pluralize';
 import prettyNumber from 'lib/prettyNumber';
 import React        from 'react';
@@ -108,7 +107,7 @@ let AppCard = (props) => {
 export default class AppsIndex extends React.Component {
   constructor() {
     super();
-    this.state = { search: '', dialogOpen: false };
+    this.state = { search: '' };
     this.focusField = this.focusField.bind(this);
   }
 
@@ -128,7 +127,7 @@ export default class AppsIndex extends React.Component {
   }
 
   focusField() {
-    if (this.refs.search && !this.state.dialogOpen) {
+    if (this.refs.search) {
       this.refs.search.focus();
     }
   }
@@ -144,9 +143,7 @@ export default class AppsIndex extends React.Component {
               <Icon width={110} height={110} name='cloud-surprise' fill='#1e3b4d' />
             </div>
             <div className={styles.alert}>You don't have any apps</div>
-            <a href='javascript:;' role='button' className={styles.cta} onClick={() => this.setState({ dialogOpen: true })}>Create a new app</a>
           </div>
-          <NewAppDialog open={this.state.dialogOpen} onCancel={() => this.setState({ dialogOpen: false })} />
         </div>
       );
     }
@@ -161,13 +158,6 @@ export default class AppsIndex extends React.Component {
             onChange={this.updateSearch.bind(this)}
             value={this.state.search}
             placeholder='Start typing to filter&hellip;' />
-          <a
-            href='javascript:;'
-            role='button'
-            className={styles.create}
-            onClick={() => this.setState({ dialogOpen: true })}>
-            Create a new app
-          </a>
         </div>
         <ul className={styles.apps}>
           {apps.map(app =>
@@ -176,7 +166,6 @@ export default class AppsIndex extends React.Component {
               null
           )}
         </ul>
-        <NewAppDialog open={this.state.dialogOpen} onCancel={() => this.setState({ dialogOpen: false })} />
       </div>
     );
   }