feat: Add refresh indicator to Cloud Config page (#2505)

patelmilanun · web-flow · commit a10d1f082568 · 2023-10-18T21:00:08.000+02:00
diff --git a/src/dashboard/Data/Config/Config.react.js b/src/dashboard/Data/Config/Config.react.js
@@ -35,6 +35,7 @@ class Config extends TableView {
       modalType: 'String',
       modalValue: '',
       modalMasterKeyOnly: false,
+      loading: false,
     };
   }
 
@@ -53,7 +54,10 @@ class Config extends TableView {
   }
 
   loadData() {
-    this.props.config.dispatch(ActionTypes.FETCH);
+    this.setState({ loading: true });
+    this.props.config.dispatch(ActionTypes.FETCH).finally(() => {
+      this.setState({ loading: false });
+    });
   }
 
   renderToolbar() {

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@ class Config extends TableView {`
`35`	`35`	`modalType: 'String',`
`36`	`36`	`modalValue: '',`
`37`	`37`	`modalMasterKeyOnly: false,`
	`38`	`+ loading: false,`
`38`	`39`	`};`
`39`	`40`	`}`
`40`	`41`
`@@ -53,7 +54,10 @@ class Config extends TableView {`
`53`	`54`	`}`
`54`	`55`
`55`	`56`	`loadData() {`
`56`		`- this.props.config.dispatch(ActionTypes.FETCH);`
	`57`	`+ this.setState({ loading: true });`
	`58`	`+ this.props.config.dispatch(ActionTypes.FETCH).finally(() => {`
	`59`	`+ this.setState({ loading: false });`
	`60`	`+ });`
`57`	`61`	`}`
`58`	`62`
`59`	`63`	`renderToolbar() {`