diff --git a/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx b/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx index f9deb58f47..2356513c9f 100644 --- a/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx +++ b/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx @@ -25,10 +25,13 @@ class QuerySearch extends React.PureComponent { to: null, status: 'success', queriesArray: [], + queriesLoading: true, }; } componentWillMount() { this.fetchUsers(); + } + componentDidMount() { this.refreshQueries(); } onUserClicked(userId) { @@ -100,6 +103,7 @@ class QuerySearch extends React.PureComponent { }); } refreshQueries() { + this.setState({ queriesLoading: true }); const params = [ this.state.userId ? `user_id=${this.state.userId}` : '', this.state.databaseId ? `database_id=${this.state.databaseId}` : '', @@ -116,7 +120,7 @@ class QuerySearch extends React.PureComponent { for (const id in data) { newQueriesArray.push(data[id]); } - this.setState({ queriesArray: newQueriesArray }); + this.setState({ queriesArray: newQueriesArray, queriesLoading: false }); } }); } @@ -185,16 +189,20 @@ class QuerySearch extends React.PureComponent { Search - + {this.state.queriesLoading ? + (Loading...) + : + () + } ); }