Some polish on query search (#1222)

* Some polish
- Changed query search icon
- CopyToClipboard in action bar

* Added dbId as linked-button, made modifications based on comments

* Fix duplicated import (linting)
This commit is contained in:
vera-liu
2016-10-05 11:43:05 -07:00
committed by GitHub
parent 140a055e4e
commit 421a86ade5
6 changed files with 70 additions and 18 deletions

View File

@@ -11,15 +11,12 @@ class DatabaseSelect extends React.Component {
this.state = {
databaseLoading: false,
databaseOptions: [],
databaseId: null,
};
}
componentDidMount() {
this.fetchDatabaseOptions();
}
changeDb(db) {
const val = (db) ? db.value : null;
this.setState({ databaseId: val });
this.props.onChange(db);
}
fetchDatabaseOptions() {
@@ -38,7 +35,7 @@ class DatabaseSelect extends React.Component {
name="select-db"
placeholder={`Select a database (${this.state.databaseOptions.length})`}
options={this.state.databaseOptions}
value={this.state.databaseId}
value={this.props.databaseId}
isLoading={this.state.databaseLoading}
autosize={false}
onChange={this.changeDb.bind(this)}
@@ -51,6 +48,12 @@ class DatabaseSelect extends React.Component {
DatabaseSelect.propTypes = {
onChange: React.PropTypes.func,
actions: React.PropTypes.object,
databaseId: React.PropTypes.number,
};
DatabaseSelect.defaultProps = {
onChange: () => {},
databaseId: null,
};
function mapDispatchToProps(dispatch) {