From c30350f95149f5bbed5147b2593633f2717d436e Mon Sep 17 00:00:00 2001
From: yanguoyu <841185308@qq.com>
Date: Mon, 11 Jul 2022 19:22:02 +0800
Subject: [PATCH] fix: Show confirm error.

---
 .../components/MultisigAddressCreateDialog/index.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/neuron-ui/src/components/MultisigAddressCreateDialog/index.tsx b/packages/neuron-ui/src/components/MultisigAddressCreateDialog/index.tsx
index 53f9f5a302..a5ba185406 100644
--- a/packages/neuron-ui/src/components/MultisigAddressCreateDialog/index.tsx
+++ b/packages/neuron-ui/src/components/MultisigAddressCreateDialog/index.tsx
@@ -51,11 +51,14 @@ const MultisigAddressCreateDialog = ({
   const [step, changeStep] = useState(Step.setMN)
   const [t] = useTranslation()
   const { m, n, setMBySelect, setNBySelect, errorI18nKey: mnErr } = useMAndN()
+  const [confirmErr, setConfirmErr] = useState<string | null>(null)
   const next = useCallback(() => {
     changeStep(step + 1)
+    setConfirmErr(null)
   }, [changeStep, step])
   const back = useCallback(() => {
     changeStep(step - 1)
+    setConfirmErr(null)
   }, [changeStep, step])
   const {
     chain: { networkID },
@@ -89,9 +92,13 @@ const MultisigAddressCreateDialog = ({
       n: Number(n),
       r: Number(r),
       addresses,
-    }).then(() => {
-      closeDialog()
     })
+      .then(() => {
+        closeDialog()
+      })
+      .catch(err => {
+        setConfirmErr(err.message)
+      })
   }, [m, n, r, addresses, saveConfig, closeDialog])
 
   return (
@@ -116,6 +123,7 @@ const MultisigAddressCreateDialog = ({
       {step === Step.viewMultiAddress && (
         <MultisigAddressInfo m={m} n={n} r={r} addresses={addresses} multisigAddress={multisigAddress} />
       )}
+      {confirmErr && <div className={styles.errorMessage}>{confirmErr}</div>}
       <div className={styles.actions}>
         <Button
           label={t(`multisig-address.create-dialog.actions.${step === Step.setMN ? 'cancel' : 'back'}`)}