chore: add unavailable endpoint hint content

subscan-explorer · Mar 10, 2022 · 1f6b0c6 · 1f6b0c6
1 parent 38ee2bc
commit 1f6b0c6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -187,5 +187,6 @@
   "explorer optional": "Explorer (optional)",
   "mainnet": "Mainnet",
   "testnet": "Testnet",
-  "custom network": "Custom Network"
+  "custom network": "Custom Network",
+  "unavailable endpoint": "Unavailable Endpoint"
 }
diff --git a/public/locales/zh/translation.json b/public/locales/zh/translation.json
@@ -185,5 +185,6 @@
   "explorer optional": "浏览器 (可选)",
   "mainnet": "主网",
   "testnet": "测试网",
-  "custom network": "自定义网络"
+  "custom network": "自定义网络",
+  "unavailable endpoint": "无效的节点"
 }
diff --git a/src/components/modals/AddCustomNetworkModal.tsx b/src/components/modals/AddCustomNetworkModal.tsx
@@ -33,6 +33,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
 
   const [addNetworkLoading, setAddNetworkLoading] = useState(false);
   const [addNetworkErrorDialogVisible, setAddNetworkErrorDialogVisible] = useState(false);
+  const [addNetworkErrorContent, setAddNetworkErrorContent] = useState('');
 
   // eslint-disable-next-line complexity
   useEffect(() => {
@@ -69,6 +70,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
 
         if (!api.query.multisig) {
           setAddNetworkErrorDialogVisible(true);
+          setAddNetworkErrorContent(t('network not supported'));
           return;
         }
 
@@ -111,6 +113,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
       const onError = async () => {
         setAddNetworkLoading(false);
         setAddNetworkErrorDialogVisible(true);
+        setAddNetworkErrorContent(t('unavailable endpoint'));
 
         api.disconnect();
         api.off('ready', onReady);
@@ -124,6 +127,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
     } catch {
       setAddNetworkLoading(false);
       setAddNetworkErrorDialogVisible(true);
+      setAddNetworkErrorContent(t('unavailable endpoint'));
     }
   };
 
@@ -144,6 +148,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
 
         if (!api.query.multisig) {
           setAddNetworkErrorDialogVisible(true);
+          setAddNetworkErrorContent(t('network not supported'));
           return;
         }
 
@@ -186,6 +191,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
     } catch {
       setAddNetworkLoading(false);
       setAddNetworkErrorDialogVisible(true);
+      setAddNetworkErrorContent('unavailable endpoint');
     }
   };
 
@@ -295,7 +301,7 @@ export const AddCustomNetworkModal = (props: AddCustomNetworkModalProps) => {
 
       <ConfirmDialog
         title="Error"
-        content={t('network not supported')}
+        content={addNetworkErrorContent}
         visible={addNetworkErrorDialogVisible}
         onCancel={() => setAddNetworkErrorDialogVisible(false)}
         onConfirm={() => setAddNetworkErrorDialogVisible(false)}