diff --git a/caravel/assets/javascripts/SqlLab/components/DatabaseSelect.jsx b/caravel/assets/javascripts/SqlLab/components/DatabaseSelect.jsx
index 0835e40b8..d692925cc 100644
--- a/caravel/assets/javascripts/SqlLab/components/DatabaseSelect.jsx
+++ b/caravel/assets/javascripts/SqlLab/components/DatabaseSelect.jsx
@@ -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) {
diff --git a/caravel/assets/javascripts/SqlLab/components/QuerySearch.jsx b/caravel/assets/javascripts/SqlLab/components/QuerySearch.jsx
index 7f5908d08..3e5bb91d6 100644
--- a/caravel/assets/javascripts/SqlLab/components/QuerySearch.jsx
+++ b/caravel/assets/javascripts/SqlLab/components/QuerySearch.jsx
@@ -24,6 +24,12 @@ class QuerySearch extends React.Component {
this.fetchUsers();
this.refreshQueries();
}
+ onUserClicked(userId) {
+ this.setState({ userId }, () => { this.refreshQueries(); });
+ }
+ onDbClicked(dbId) {
+ this.setState({ databaseId: dbId }, () => { this.refreshQueries(); });
+ }
onChange(db) {
const val = (db) ? db.value : null;
this.setState({ databaseId: val });
@@ -74,9 +80,6 @@ class QuerySearch extends React.Component {
}
});
}
- search() {
- this.refreshQueries(this.props);
- }
render() {
return (
@@ -93,7 +96,10 @@ class QuerySearch extends React.Component {
/>
-
+
-