feat: Add dialog when delete network

OneKeyHQ · Oct 9, 2024 · 44e7da8 · 44e7da8
1 parent 356cfc2
commit 44e7da8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 8 deletions.
diff --git a/packages/kit-bg/src/services/ServiceCustomRpc.ts b/packages/kit-bg/src/services/ServiceCustomRpc.ts
@@ -177,7 +177,7 @@ class ServiceCustomRpc extends ServiceBase {
     await this.backgroundApi.simpleDb.customNetwork.deleteCustomNetwork(params);
     setTimeout(() => {
       appEventBus.emit(EAppEventBusNames.AddedCustomNetwork, undefined);
-    }, 500);
+    }, 300);
   }
 
   @backgroundMethod()

diff --git a/packages/kit/src/views/Setting/pages/CustomNetwork/index.tsx b/packages/kit/src/views/Setting/pages/CustomNetwork/index.tsx
@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl';
 
 import {
   Alert,
+  Dialog,
   Form,
   IconButton,
   Input,
@@ -182,15 +183,30 @@ function AddCustomNetwork() {
     if (!routeNetworkId) {
       return;
     }
-    await backgroundApiProxy.serviceCustomRpc.deleteCustomNetwork({
-      networkId: routeNetworkId,
-    });
-    Toast.success({
-      title: intl.formatMessage({
-        id: ETranslations.explore_removed_success,
+    Dialog.show({
+      title: 'Remove this network?',
+      description:
+        'You will have to add it back to access your assets on this network.',
+      showCancelButton: true,
+      onConfirmText: intl.formatMessage({
+        id: ETranslations.global_remove,
       }),
+      confirmButtonProps: {
+        variant: 'destructive',
+      },
+      onConfirm: async ({ close }) => {
+        await backgroundApiProxy.serviceCustomRpc.deleteCustomNetwork({
+          networkId: routeNetworkId,
+        });
+        Toast.success({
+          title: intl.formatMessage({
+            id: ETranslations.explore_removed_success,
+          }),
+        });
+        navigation.pop();
+        await close();
+      },
     });
-    navigation.pop();
   }, [routeNetworkId, intl, navigation]);
 
   const headerRight = useCallback(() => {