Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Move render to bottom of component

pull/2130/head
Andrew Watkins 2017-10-18 09:15:40 -07:00
parent 09020c828f
commit 0e3745ac23
1 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
ui/src/admin/containers/DatabaseManagerPage.js
View File

@ -19,32 +19,6 @@ class DatabaseManagerPage extends Component {
actions.loadDBsAndRPsAsync(databases)
}
render() {
const {source, databases, actions, notify} = this.props
return (
<DatabaseManager
databases={databases}
notify={notify}
isRFDisplayed={!!source.metaUrl}
isAddDBDisabled={!!databases.some(db => db.isEditing)}
onKeyDownDatabase={this.handleKeyDownDatabase}
onDatabaseDeleteConfirm={this.handleDatabaseDeleteConfirm}
addDatabase={actions.addDatabase}
onEditDatabase={this.handleEditDatabase}
onCancelDatabase={actions.removeDatabase}
onConfirmDatabase={this.handleCreateDatabase}
onDeleteDatabase={actions.deleteDatabaseAsync}
onStartDeleteDatabase={this.handleStartDeleteDatabase}
onRemoveDeleteCode={actions.removeDatabaseDeleteCode}
onAddRetentionPolicy={this.handleAddRetentionPolicy}
onCreateRetentionPolicy={actions.createRetentionPolicyAsync}
onUpdateRetentionPolicy={actions.updateRetentionPolicyAsync}
onRemoveRetentionPolicy={actions.removeRetentionPolicy}
onDeleteRetentionPolicy={this.handleDeleteRetentionPolicy}
/>
)
}
handleDeleteRetentionPolicy = (db, rp) => () => {
this.props.actions.deleteRetentionPolicyAsync(db, rp)
}
@ -114,6 +88,32 @@ class DatabaseManagerPage extends Component {
actions.editDatabase(database, {deleteCode: value})
}
render() {
const {source, databases, actions, notify} = this.props
return (
<DatabaseManager
notify={notify}
databases={databases}
isRFDisplayed={!!source.metaUrl}
addDatabase={actions.addDatabase}
onEditDatabase={this.handleEditDatabase}
onCancelDatabase={actions.removeDatabase}
onConfirmDatabase={this.handleCreateDatabase}
onDeleteDatabase={actions.deleteDatabaseAsync}
onKeyDownDatabase={this.handleKeyDownDatabase}
onAddRetentionPolicy={this.handleAddRetentionPolicy}
onRemoveDeleteCode={actions.removeDatabaseDeleteCode}
onStartDeleteDatabase={this.handleStartDeleteDatabase}
isAddDBDisabled={!!databases.some(db => db.isEditing)}
onRemoveRetentionPolicy={actions.removeRetentionPolicy}
onDeleteRetentionPolicy={this.handleDeleteRetentionPolicy}
onDatabaseDeleteConfirm={this.handleDatabaseDeleteConfirm}
onCreateRetentionPolicy={actions.createRetentionPolicyAsync}
onUpdateRetentionPolicy={actions.updateRetentionPolicyAsync}
/>
)
}
}
const {arrayOf, bool, func, number, shape, string} = PropTypes