diff --git a/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirmFooter.tsx b/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirmFooter.tsx index be5c09d647d..280ed52e20b 100644 --- a/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirmFooter.tsx +++ b/src/components/MultiHopTrade/components/TradeConfirm/TradeConfirmFooter.tsx @@ -278,6 +278,7 @@ export const TradeConfirmFooter: FC = ({ isExactAllowance={isExactAllowance} hasClickedButton={hasClickedButton} setHasClickedButton={setHasClickedButton} + isLoading={isNetworkFeeCryptoBaseUnitLoading || isNetworkFeeCryptoBaseUnitRefetching} /> ) }, [ @@ -286,7 +287,8 @@ export const TradeConfirmFooter: FC = ({ activeTradeId, isExactAllowance, hasClickedButton, - setHasClickedButton, + isNetworkFeeCryptoBaseUnitLoading, + isNetworkFeeCryptoBaseUnitRefetching, ]) return diff --git a/src/components/MultiHopTrade/components/TradeConfirm/TradeFooterButton.tsx b/src/components/MultiHopTrade/components/TradeConfirm/TradeFooterButton.tsx index 641be843fe7..af0e8c1283f 100644 --- a/src/components/MultiHopTrade/components/TradeConfirm/TradeFooterButton.tsx +++ b/src/components/MultiHopTrade/components/TradeConfirm/TradeFooterButton.tsx @@ -44,6 +44,7 @@ type TradeFooterButtonProps = { isExactAllowance: boolean hasClickedButton: boolean setHasClickedButton: (hasClickedButton: boolean) => void + isLoading?: boolean } export const TradeFooterButton: FC = ({ @@ -53,6 +54,7 @@ export const TradeFooterButton: FC = ({ isExactAllowance, hasClickedButton, setHasClickedButton, + isLoading = false, }) => { const [shouldShowWarningAcknowledgement, setShouldShowWarningAcknowledgement] = useState(false) const tradeButtonProps = useTradeButtonProps({ @@ -251,7 +253,8 @@ export const TradeFooterButton: FC = ({ isLoading={ confirmedTradeExecutionState === TradeExecutionState.Initializing || hasClickedButton || - tradeButtonProps.isLoading + tradeButtonProps.isLoading || + isLoading } isDisabled={tradeButtonProps.isDisabled || !!activeQuoteError} >