Disable creation of DB when currently creating one

ui/src/admin/components/DatabaseManager.js

@@ -5,6 +5,7 @@ const DatabaseManager = ({
   databases,
   notify,
   isRFDisplayed,
+  isCreateDBDisabled,
   addDatabase,
   onEditDatabase,
   onKeyDownDatabase,
@@ -18,13 +19,12 @@ const DatabaseManager = ({
   onCreateRetentionPolicy,
   onUpdateRetentionPolicy,
   onRemoveRetentionPolicy,
-  onDeleteRetentionPolicy,
 }) => {
   return (
     <div className="panel panel-info">
       <div className="panel-heading u-flex u-ai-center u-jc-space-between">
         <h2 className="panel-title">{databases.length === 1 ? '1 Database' : `${databases.length} Databases`}</h2>
-        <div className="btn btn-sm btn-primary" onClick={addDatabase}>Create Database</div>
+        <div className="btn btn-sm btn-primary" disabled={isCreateDBDisabled} onClick={addDatabase}>Create Database</div>
       </div>
       <div className="panel-body">
         {
@@ -46,7 +46,6 @@ const DatabaseManager = ({
               onCreateRetentionPolicy={onCreateRetentionPolicy}
               onUpdateRetentionPolicy={onUpdateRetentionPolicy}
               onRemoveRetentionPolicy={onRemoveRetentionPolicy}
-              onDeleteRetentionPolicy={onDeleteRetentionPolicy}
             />
           )
         }
@@ -67,6 +66,7 @@ DatabaseManager.propTypes = {
   notify: func,
   addDatabase: func,
   isRFDisplayed: bool,
+  isCreateDBDisabled: bool,
   onEditDatabase: func,
   onKeyDownDatabase: func,
   onCancelDatabase: func,
@@ -80,7 +80,6 @@ DatabaseManager.propTypes = {
   onCreateRetentionPolicy: func,
   onUpdateRetentionPolicy: func,
   onRemoveRetentionPolicy: func,
-  onDeleteRetentionPolicy: func,
 }
 
 export default DatabaseManager

ui/src/admin/containers/DatabaseManagerPage.js

@@ -11,7 +11,7 @@ class DatabaseManagerPage extends Component {
     super(props)
     this.handleKeyDownDatabase = ::this.handleKeyDownDatabase
     this.handleDatabaseDeleteConfirm = ::this.handleDatabaseDeleteConfirm
-    this.handleCreateDatabase = :: this.handleCreateDatabase
+    this.handleCreateDatabase = ::this.handleCreateDatabase
   }
 
   componentDidMount() {
@@ -22,12 +22,14 @@ class DatabaseManagerPage extends Component {
 
   render() {
     const {source, databases, actions, notify} = this.props
+    const isCreateDBDisabled = databases.some(db => db.isEditing)
 
     return (
       <DatabaseManager
         databases={databases}
         notify={notify}
         isRFDisplayed={!!source.metaUrl}
+        isCreateDBDisabled={!!isCreateDBDisabled}
         onKeyDownDatabase={this.handleKeyDownDatabase}
         onDatabaseDeleteConfirm={this.handleDatabaseDeleteConfirm}
         addDatabase={actions.addDatabase}