Fix send loading and notify transaction error (#13)

* Fix loading status after rejecting signature

* Notify tx error

src/providers/transfer-provider.tsx

@@ -8,7 +8,7 @@ import { EvmBridge } from "@/libs";
 
 import { WalletAccount } from "@talismn/connect-wallets";
 import { Signer } from "@polkadot/api/types";
-import { notifyTransaction, parseCross, signAndSendExtrinsic } from "@/utils";
+import { notifyError, notifyTransaction, parseCross, signAndSendExtrinsic } from "@/utils";
 import { useApi, useBalance } from "@/hooks";
 
 interface TransferCtx {
@@ -149,6 +149,8 @@ export default function TransferProvider({ children }: PropsWithChildren<unknown
         }
       } catch (err) {
         console.error(err);
+        notifyError(err);
+        options.failedCb();
       }
     },
     [],
@@ -167,6 +169,8 @@ export default function TransferProvider({ children }: PropsWithChildren<unknown
           await signAndSendExtrinsic(_extrinsic, _signer, _sender, _bridge.getSourceChain(), options);
         } catch (err) {
           console.error(err);
+          notifyError(err);
+          options.failedCb();
         }
       }
     },

src/utils/notification.tsx

@@ -37,3 +37,7 @@ export function notifyExtrinsic(hash: string, chain: ChainConfig, isSuccess: boo
     notify(hash, explorer, "extrinsic", isSuccess);
   }
 }
+
+export function notifyError(err: unknown) {
+  return notification.error({ title: "An error occurred", description: (err as Error).message });
+}

src/utils/tx.ts

@@ -1,5 +1,5 @@
 import type { Signer, SubmittableExtrinsic } from "@polkadot/api/types";
-import { notifyExtrinsic } from ".";
+import { notifyError, notifyExtrinsic } from ".";
 import { ChainConfig } from "@/types";
 
 const transferCb = {
@@ -42,6 +42,8 @@ export const signAndSendExtrinsic = async (
     });
   } catch (err) {
     console.error(err);
+    notifyError(err);
+    options.failedCb();
   } finally {
     //
   }