feat: navigate the user back to nft dashboard upon account switch

src/app/screens/confirmNftTransaction/index.tsx

@@ -20,6 +20,8 @@ import useWalletSelector from '@hooks/useWalletSelector';
 import useStxWalletData from '@hooks/queries/useStxWalletData';
 import { isLedgerAccount } from '@utils/helper';
 import { LedgerTransactionType } from '@screens/ledger/confirmLedgerTransaction';
+import { setShouldResetUserFlow } from '@stores/wallet/actions/actionCreators';
+import { useDispatch } from 'react-redux';
 
 const ScrollContainer = styled.div`
   display: flex;
@@ -96,9 +98,10 @@ const ReviewTransactionText = styled.h1((props) => ({
 function ConfirmNftTransaction() {
   const { t } = useTranslation('translation', { keyPrefix: 'CONFIRM_TRANSACTION' });
   const isGalleryOpen: boolean = document.documentElement.clientWidth > 360;
-  const { selectedAccount } = useWalletSelector();
+  const { selectedAccount, shouldResetUserFlow } = useWalletSelector();
   const navigate = useNavigate();
   const location = useLocation();
+  const dispatch = useDispatch();
   const { id } = useParams();
   const { nftData } = useNftDataSelector();
   const nftIdDetails = id!.split('::');
@@ -161,6 +164,13 @@ function ConfirmNftTransaction() {
     mutate({ signedTx: txs[0] });
   };
 
+  useEffect(() => {
+    if (shouldResetUserFlow) {
+      navigate('/nft-dashboard');
+      dispatch(setShouldResetUserFlow(false));
+    }
+  }, [shouldResetUserFlow]);
+
   const handleOnCancelClick = () => {
     navigate(-1);
   };

src/app/screens/confirmOrdinalTransaction/index.tsx

@@ -16,6 +16,8 @@ import useBtcClient from '@hooks/useBtcClient';
 import { isLedgerAccount } from '@utils/helper';
 import useWalletSelector from '@hooks/useWalletSelector';
 import { LedgerTransactionType } from '@screens/ledger/confirmLedgerTransaction';
+import { useDispatch } from 'react-redux';
+import { setShouldResetUserFlow } from '@stores/wallet/actions/actionCreators';
 
 const ScrollContainer = styled.div`
   display: flex;
@@ -89,11 +91,12 @@ const NFtContainer = styled.div((props) => ({
 function ConfirmOrdinalTransaction() {
   const { t } = useTranslation('translation', { keyPrefix: 'CONFIRM_TRANSACTION' });
   const isGalleryOpen: boolean = document.documentElement.clientWidth > 360;
-  const { selectedAccount } = useWalletSelector();
+  const { selectedAccount, shouldResetUserFlow } = useWalletSelector();
   const navigate = useNavigate();
   const btcClient = useBtcClient();
   const [recipientAddress, setRecipientAddress] = useState('');
   const location = useLocation();
+  const dispatch = useDispatch();
   const {
     fee, feePerVByte, signedTxHex, ordinalUtxo,
   } = location.state;
@@ -154,6 +157,13 @@ function ConfirmOrdinalTransaction() {
     navigate(-1);
   };
 
+  useEffect(() => {
+    if (shouldResetUserFlow) {
+      navigate('/nft-dashboard');
+      dispatch(setShouldResetUserFlow(false));
+    }
+  }, [shouldResetUserFlow]);
+
   return (
     <>
       {isGalleryOpen && (

src/app/screens/sendNft/index.tsx

@@ -20,6 +20,8 @@ import useNftDataSelector from '@hooks/stores/useNftDataSelector';
 import { NftData } from '@secretkeylabs/xverse-core/types/api/stacks/assets';
 import AccountHeaderComponent from '@components/accountHeader';
 import useNetworkSelector from '@hooks/useNetwork';
+import { setShouldResetUserFlow } from '@stores/wallet/actions/actionCreators';
+import { useDispatch } from 'react-redux';
 
 const ScrollContainer = styled.div`
   display: flex;
@@ -100,6 +102,7 @@ function SendNft() {
   const navigate = useNavigate();
   const { id } = useParams();
   const location = useLocation();
+  const dispatch = useDispatch();
   let address: string | undefined;
 
   if (location.state) {
@@ -123,6 +126,7 @@ function SendNft() {
     stxPublicKey,
     network,
     feeMultipliers,
+    shouldResetUserFlow,
   } = useWalletSelector();
   const [error, setError] = useState('');
   const [recipientAddress, setRecipientAddress] = useState('');
@@ -172,6 +176,13 @@ function SendNft() {
     }
   }, [data]);
 
+  useEffect(() => {
+    if (shouldResetUserFlow) {
+      navigate('/nft-dashboard');
+      dispatch(setShouldResetUserFlow(false));
+    }
+  }, [shouldResetUserFlow]);
+
   const handleBackButtonClick = () => {
     navigate(-1);
   };

src/app/screens/sendOrdinal/index.tsx

@@ -21,6 +21,8 @@ import useNftDataSelector from '@hooks/stores/useNftDataSelector';
 import useBtcClient from '@hooks/useBtcClient';
 import useTextOrdinalContent from '@hooks/useTextOrdinalContent';
 import { isLedgerAccount } from '@utils/helper';
+import { setShouldResetUserFlow } from '@stores/wallet/actions/actionCreators';
+import { useDispatch } from 'react-redux';
 import { isOrdinalOwnedByAccount } from '@secretkeylabs/xverse-core/api';
 
 const ScrollContainer = styled.div`
@@ -103,8 +105,9 @@ function SendOrdinal() {
   const { selectedOrdinal } = useNftDataSelector();
   const btcClient = useBtcClient();
   const location = useLocation();
+  const dispatch = useDispatch();
   const {
-    network, ordinalsAddress, btcAddress, selectedAccount, seedPhrase, btcFiatRate,
+    network, ordinalsAddress, btcAddress, selectedAccount, seedPhrase, btcFiatRate, shouldResetUserFlow
   } = useWalletSelector();
   const [ordinalUtxo, setOrdinalUtxo] = useState<UTXO | undefined>(undefined);
   const [error, setError] = useState('');
@@ -167,6 +170,13 @@ function SendOrdinal() {
     navigate(-1);
   };
 
+  useEffect(() => {
+    if (shouldResetUserFlow) {
+      navigate('/nft-dashboard');
+      dispatch(setShouldResetUserFlow(false));
+    }
+  }, [shouldResetUserFlow]);
+
   const activeAccountOwnsOrdinal =
     selectedOrdinal && selectedAccount && isOrdinalOwnedByAccount(selectedOrdinal, selectedAccount);