Merge branch '467-miscalculation-amout-when-click-on-use-all-button' …

…into 'dev'

Resolve "Miscalculation amout when click on use all button"

Closes #467

See merge request ergo/rosen-bridge/ui!390

.changeset/plenty-chairs-bow.md

@@ -0,0 +1,5 @@
+---
+'@rosen-bridge/rosen-app': patch
+---
+
+Address the issue where selecting a token with assets and then switching to a token without any causes the 'use all' button to display an incorrect amount instead of zero

apps/rosen/app/_hooks/useMaxTransfer.ts

@@ -33,6 +33,8 @@ export const useMaxTransfer = () => {
   const loading = isTokenBalanceLoading || isTransitionLoading;
 
   const load = useCallback(async () => {
+    setMax(0n);
+
     const skip =
       !amount ||
       isTokenBalanceLoading ||
@@ -46,16 +48,6 @@ export const useMaxTransfer = () => {
     setError(false);
 
     try {
-      let eventData: any;
-
-      if (selectedSource.name === NETWORKS.BITCOIN) {
-        eventData = {
-          fromAddress: await selectedWallet.getAddress(),
-          toAddress: walletAddressValue,
-          toChain: targetValue,
-        };
-      }
-
       const max = await getMaxTransfer(
         selectedSource,
         {

apps/rosen/app/_hooks/useTokenBalance.ts

@@ -34,9 +34,13 @@ export const useTokenBalance = () => {
   const getAssetBalance = useCallback(
     async (wallet: Wallet) => {
       setBalanceState({ isLoading: true, amount: 0n, token: null });
-      // THIS IS A WRAPPED-VALUE
-      const balance = await wallet.getBalance(token);
-      setBalanceState({ isLoading: false, amount: balance || 0n, token });
+      try {
+        // THIS IS A WRAPPED-VALUE
+        const balance = await wallet.getBalance(token);
+        setBalanceState({ isLoading: false, amount: balance || 0n, token });
+      } catch {
+        setBalanceState({ isLoading: false, amount: 0n, token });
+      }
     },
     [token],
   );

apps/rosen/app/_safeServerAction/safeServerAction.ts

@@ -103,7 +103,13 @@ export const createSafeAction = (config: CreateSafeActionConfig) => {
     return async (...args) => {
       const key = [
         actions.get(action),
-        ...args.map((arg) => arg.toString()),
+        ...args.map((arg) => {
+          try {
+            return JSON.stringify(arg);
+          } catch {
+            return arg.toString();
+          }
+        }),
       ].join('_');
 
       const handler = fromSafeData(action);