feat: implement two-step swap functionality with sign page

src/ui/views/Swap/Component/Main.tsx

@@ -419,7 +419,7 @@ export const Main = () => {
   } = useTwoStepSwap({
     txs,
     chain,
-    enable: !!canUseDirectSubmitTx && !!currentAccount?.type,
+    enable: true, //!!canUseDirectSubmitTx && !!currentAccount?.type,
     type: 'approveSwap',
     onApprovePending,
   });
@@ -574,19 +574,56 @@ export const Main = () => {
         setMiniSignLoading(false);
       }
       return;
+    } else if (shouldTwoStepSwap) {
+      if (shouldTwoStepSwap && isApprove && currentTxs?.[0]) {
+        wallet.addCacheHistoryData(
+          `${chain}-${currentTxs?.[0].data}`,
+          {
+            address: userAddress,
+            chainId: findChain({ enum: chain })?.id || 0,
+            amount: Number(inputAmount),
+            token: payToken,
+            status: 'pending',
+            createdAt: Date.now(),
+          } as any,
+          'approveSwap'
+        );
+      }
+      // not supported miniSign account
+      try {
+        clearExpiredTimer();
+        setMiniSignLoading(true);
+        const hash = await wallet.sendRequest<string>({
+          $ctx: {
+            category: 'Swap',
+            source: 'swap',
+            trigger: rbiSource,
+            swapUseSlider,
+          },
+          method: 'eth_sendTransaction',
+          params: currentTxs,
+        });
+        miniSignNextStep(hash);
+        if (!isApprove) {
+          refresh((e) => e + 1);
+          mutateTxs([]);
+        }
+      } catch (error) {
+        console.log('two step swap fail:', error);
+        refresh((e) => e + 1);
+        mutateTxs([]);
+      }
     } else {
       gotoSwap();
     }
   });
 
   useEffect(() => {
     if (!swapBtnDisabled && activeProvider) {
-      if (canUseDirectSubmitTx) {
-        mutateTxs([]);
-        runBuildSwapTxs();
-      }
+      mutateTxs([]);
+      runBuildSwapTxs();
     }
-  }, [swapBtnDisabled, canUseDirectSubmitTx, activeProvider]);
+  }, [swapBtnDisabled, activeProvider]);
 
   const history = useHistory();