From def15c59e2ef3de877082bcdf82a9fa44e59bc79 Mon Sep 17 00:00:00 2001
From: Jon Ator <jonathanator0@gmail.com>
Date: Wed, 3 Jul 2024 19:52:02 -0400
Subject: [PATCH] reset amounts when chains change

---
 .../bridge/immersive/amount-and-review-screen.tsx         | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/bridge/immersive/amount-and-review-screen.tsx b/packages/web/components/bridge/immersive/amount-and-review-screen.tsx
index ca144a8f4a..f4f18cdc77 100644
--- a/packages/web/components/bridge/immersive/amount-and-review-screen.tsx
+++ b/packages/web/components/bridge/immersive/amount-and-review-screen.tsx
@@ -2,7 +2,7 @@ import { CoinPretty } from "@keplr-wallet/unit";
 import { BridgeChain } from "@osmosis-labs/bridge";
 import { isNil, noop } from "@osmosis-labs/utils";
 import { observer } from "mobx-react-lite";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { getAddress } from "viem";
 
 import { AmountScreen } from "~/components/bridge/immersive/amount-screen";
@@ -39,6 +39,12 @@ export const AmountAndReviewScreen = observer(
     const [cryptoAmount, setCryptoAmount] = useState<string>("0");
     const [fiatAmount, setFiatAmount] = useState<string>("0");
 
+    // if the chains change, reset the amounts
+    useEffect(() => {
+      setCryptoAmount("0");
+      setFiatAmount("0");
+    }, [fromChain, toChain]);
+
     // Wallets
     const { address: evmAddress, connector: evmConnector } =
       useEvmWalletAccount();