fix: fix routing issues with send flow

leather-io · Mar 29, 2024 · cc1aa60 · cc1aa60
1 parent a6bda2d
commit cc1aa60
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/app/pages/send/send-crypto-asset-form/hooks/use-send-form-navigate.ts b/src/app/pages/send/send-crypto-asset-form/hooks/use-send-form-navigate.ts
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import { bytesToHex } from '@stacks/common';
 import { StacksTransaction } from '@stacks/transactions';
@@ -32,6 +32,7 @@ interface ConfirmationRouteBtcArgs {
 
 export function useSendFormNavigate() {
   const navigate = useNavigate();
+  const location = useLocation();
 
   return useMemo(
     () => ({
@@ -43,7 +44,8 @@ export function useSendFormNavigate() {
         utxos: UtxoResponseItem[],
         values: BitcoinSendFormValues
       ) {
-        return navigate('choose-fee', {
+        return navigate(RouteUrls.SendBtcChooseFee, {
+          replace: true,
           state: {
             isSendingMax,
             utxos,
@@ -69,7 +71,7 @@ export function useSendFormNavigate() {
         });
       },
       toConfirmAndSignStxTransaction(tx: StacksTransaction, showFeeChangeWarning: boolean) {
-        return navigate('confirm', {
+        return navigate(RouteUrls.SendStxConfirmation, {
           replace: true,
           state: {
             tx: bytesToHex(tx.serialize()),
@@ -82,8 +84,7 @@ export function useSendFormNavigate() {
         name,
         tx,
       }: ConfirmationRouteStacksSip10Args) {
-        return navigate('confirm', {
-          replace: true,
+        return navigate(`${location.pathname}/confirm`, {
           state: {
             decimals,
             token: name,
@@ -102,6 +103,6 @@ export function useSendFormNavigate() {
         });
       },
     }),
-    [navigate]
+    [navigate, location]
   );
 }