@@ -42,6 +42,7 @@ import generatePath from 'lib/generatePath';
42
42
import { withRouter } from 'lib/withRouter' ;
43
43
import { get } from 'lib/AJAX' ;
44
44
import BrowserFooter from './BrowserFooter.react' ;
45
+ import LoaderDots from 'components/LoaderDots/LoaderDots.react' ;
45
46
46
47
// The initial and max amount of rows fetched by lazy loading
47
48
const BROWSER_LAST_LOCATION = 'brower_last_location' ;
@@ -898,6 +899,10 @@ class Browser extends DashboardView {
898
899
899
900
async fetchParseData ( source , filters ) {
900
901
const { useMasterKey, skip, limit } = this . state ;
902
+ this . setLoading ( true ) ;
903
+ this . setState ( {
904
+ data : null ,
905
+ } )
901
906
const query = await queryFromFilters ( source , filters ) ;
902
907
const sortDir = this . state . ordering [ 0 ] === '-' ? '-' : '+' ;
903
908
const field = this . state . ordering . substr ( sortDir === '-' ? 1 : 0 ) ;
@@ -927,6 +932,8 @@ class Browser extends DashboardView {
927
932
this . setState ( { isUnique, uniqueField } ) ;
928
933
929
934
const data = await promise ;
935
+
936
+ this . setLoading ( false ) ;
930
937
return data ;
931
938
}
932
939
@@ -2089,6 +2096,7 @@ class Browser extends DashboardView {
2089
2096
classwiseCloudFunctions = { this . state . classwiseCloudFunctions }
2090
2097
callCloudFunction = { this . fetchAggregationPanelData }
2091
2098
isLoadingCloudFunction = { this . state . isLoading }
2099
+ isLoading = { this . state . isLoading }
2092
2100
setLoading = { this . setLoading }
2093
2101
AggregationPanelData = { this . state . AggregationPanelData }
2094
2102
setAggregationPanelData = { this . setAggregationPanelData }
0 commit comments