feat: optimize Light client sync (nervosnetwork#3345)

Author: devchenyan

packages/neuron-ui/src/components/SetStartBlockNumberDialog/index.tsx

@@ -81,10 +81,6 @@ const SetStartBlockNumberDialog = ({
     const explorerUrl = getExplorerUrl(isMainnet)
     openExternal(`${explorerUrl}/address/${address}?sort=time`)
   }, [address, isMainnet])
-  const onViewBlock = useCallback(() => {
-    const explorerUrl = getExplorerUrl(isMainnet)
-    openExternal(`${explorerUrl}/block/${startBlockNumber}`)
-  }, [startBlockNumber, isMainnet])
   const onConfirm = useCallback(() => {
     if (startBlockNumber !== undefined) {
       onUpdateStartBlockNumber(startBlockNumber).catch(res => {
@@ -95,14 +91,16 @@ const SetStartBlockNumberDialog = ({
   useEffect(() => {
     if (show) {
       setStartBlockNumber(initStartBlockNumber)
+      resetCountDown()
     }
-  }, [show, initStartBlockNumber, setStartBlockNumber])
+  }, [show, initStartBlockNumber, setStartBlockNumber, resetCountDown])
   return (
     <Dialog
       title={t('set-start-block-number.title')}
-      confirmText={countdown ? `${t('common.confirm')}(${countdown})` : t('common.confirm')}
+      confirmText={countdown ? `${t('common.confirm')} (${countdown})` : t('common.confirm')}
       show={show}
       onCancel={onCancel}
+      showCancel={false}
       onConfirm={onConfirm}
       disabled={!startBlockNumber || !!countdown}
       contentClassName={styles.setBlockContent}
@@ -120,17 +118,10 @@ const SetStartBlockNumberDialog = ({
           value={startBlockNumber === undefined ? '' : localNumberFormatter(startBlockNumber)}
           error={blockNumberErr}
           suffix={
-            startBlockNumber !== undefined ? (
-              <button type="button" className={styles.viewAction} onClick={onViewBlock}>
-                {t('set-start-block-number.view-block')}
-                <NewTab />
-              </button>
-            ) : (
-              <button type="button" className={styles.viewAction} onClick={onOpenAddressInExplorer}>
-                {t('set-start-block-number.locate-first-tx')}
-                <NewTab />
-              </button>
-            )
+            <button type="button" className={styles.viewAction} onClick={onOpenAddressInExplorer}>
+              {t('set-start-block-number.locate-first-tx')}
+              <NewTab />
+            </button>
           }
         />
         {isSetLessThanBefore ? (

packages/neuron-ui/src/locales/ar.json

@@ -1260,8 +1260,8 @@
       "switchToPrice": "التبديل إلى السعر"
     },
     "set-start-block-number": {
-      "title": "تعيين رقم كتلة البداية",
-      "warn": "تحذير: لن تتم مزامنة المعاملات قبل كتلة البداية للمزامنة",
+      "title": "تعيين كتلة بدء المزامنة",
+      "warn": "لضمان دقة مزامنة البيانات، يُرجى إدخال رقم الكتلة لأول معاملة في محفظتك",
       "tip": "رقم كتلة المزامنة البدء هو تكوين عند استخدام عقدة ckb خفيفة العميل، ثم يمكنك تعيينه وتسريع المزامنة",
       "input-place-holder": "يرجى إدخال رقم كتلة المزامنة البدء، مثل: 10,100,101",
       "locate-first-tx": "تحديد المعاملة الأولى",

packages/neuron-ui/src/locales/en.json

@@ -1260,8 +1260,8 @@
       "switchToPrice": "Switch to price"
     },
     "set-start-block-number": {
-      "title": "Set the start block number",
-      "warn": "Warning: Transactions before the start block of synchronization will not be synchronized",
+      "title": "Set synchronization start block",
+      "warn": "To ensure accurate data synchronization, please enter the block number of your wallet's first transaction",
       "tip": "The start sync block number is configuration when use light client ckb node, then you can set it and quick the sync",
       "input-place-holder": "Please enter the start sync block number, eg: 10,100,101",
       "locate-first-tx": "Locate the first transaction",

packages/neuron-ui/src/locales/es.json

@@ -1243,8 +1243,8 @@
       "switchToPrice": "Cambio a precio"
     },
     "set-start-block-number": {
-      "title": "Configurar el número de bloque inicial",
-      "tip": "El número de bloque de sincronización inicial se configura cuando se utiliza el nodo CKB de cliente ligero, por tanto puede configurarlo y acelerar la sincronización",
+      "title": "Establecer bloque de inicio de sincronización",
+      "warn": "Para garantizar una sincronización precisa de datos, ingrese el número de bloque de la primera transacción de su billetera",
       "input-place-holder": "Ingrese el número de bloque de sincronización inicial, por ejemplo: 10,100,101",
       "locate-first-tx": "Ubicar la primera transacción",
       "view-block": "Ver bloque"

packages/neuron-ui/src/locales/fr.json

@@ -1250,8 +1250,8 @@
       "switchToPrice": "Basculer vers le prix"
     },
     "set-start-block-number": {
-      "title": "Définir le numéro de bloc de départ",
-      "warn": "Veuillez noter que les transactions antérieures à la synchronisation du bloc initial ne seront pas synchronisées !",
+      "title": "Définir le bloc de début de synchronisation",
+      "warn": "Pour garantir une synchronisation précise des données, veuillez saisir le numéro de bloc de la première transaction de votre portefeuille",
       "tip": "Le numéro de bloc de départ est une configuration lorsque vous utilisez le noeud CKB en mode client léger. Vous pouvez le définir et accélérer la synchronisation.",
       "input-place-holder": "Veuillez entrer le numéro de bloc de départ pour la synchronisation, par exemple : 10, 100, 101",
       "locate-first-tx": "Localiser la première transaction",

packages/neuron-ui/src/locales/zh-tw.json

@@ -1253,8 +1253,8 @@
       "switchToPrice": "切換到單價"
     },
     "set-start-block-number": {
-      "title": "設置同步起始區塊",
-      "warn": "請註意，同步起始區塊之前的交易不會被同步！",
+      "title": "設定同步起始區塊",
+      "warn": "為確保數據同步準確性，請輸入您錢包第一筆交易的區塊高度",
       "tip": "輕客戶端模式下的訂閱起始點是可配置的，因此您可以設置同步起始區塊以加快同步速度。",
       "input-place-holder": "輸入同步起始區塊高度，例如：10,100,101",
       "locate-first-tx": "定位第一筆交易",

packages/neuron-ui/src/locales/zh.json

@@ -1253,7 +1253,7 @@
     },
     "set-start-block-number": {
       "title": "设置同步起始区块",
-      "warn": "请注意，同步起始区块之前的交易不会被同步！",
+      "warn": "为确保数据同步准确性，请输入您钱包第一笔交易的区块高度",
       "tip": "轻客户端模式下的订阅起始点是可配置的，因此您可以设置同步起始区块以加快同步速度。",
       "input-place-holder": "输入同步起始区块高度，例如：10,100,101",
       "locate-first-tx": "定位第一笔交易",