diff --git a/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx b/superset/assets/javascripts/SqlLab/components/QuerySearch.jsx
index f9deb58f476bc..2356513c9fbc3 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 ?
+ ()
+ :
+ ()
+ }
);
}