diff --git a/packages/neuron-ui/src/states/stateProvider/actionCreators/settings.ts b/packages/neuron-ui/src/states/stateProvider/actionCreators/settings.ts
index 35341208cc..cf73826cca 100644
--- a/packages/neuron-ui/src/states/stateProvider/actionCreators/settings.ts
+++ b/packages/neuron-ui/src/states/stateProvider/actionCreators/settings.ts
@@ -15,14 +15,29 @@ export const toggleAddressBook = () => {
 }
 
 export const createNetwork = (params: Controller.CreateNetworkParams) => (dispatch: StateDispatch, history: any) => {
-  createRemoteNetwork(params).then(res => {
-    if (res.status === 1) {
-      addPopup('create-network-successfully')(dispatch)
-      history.push(Routes.SettingsNetworks)
-    } else {
-      addNotification(failureResToNotification(res))(dispatch)
-    }
+  dispatch({
+    type: AppActions.UpdateLoadings,
+    payload: {
+      network: true,
+    },
   })
+  createRemoteNetwork(params)
+    .then(res => {
+      if (res.status === 1) {
+        addPopup('create-network-successfully')(dispatch)
+        history.push(Routes.SettingsNetworks)
+      } else {
+        addNotification(failureResToNotification(res))(dispatch)
+      }
+    })
+    .finally(() => {
+      dispatch({
+        type: AppActions.UpdateLoadings,
+        payload: {
+          network: false,
+        },
+      })
+    })
 }
 
 export const updateNetwork = (params: Controller.UpdateNetworkParams) => (dispatch: StateDispatch, history: any) => {