v3.1.1

v3.1.1

hooks/useExchange.ts

@@ -151,10 +151,10 @@ const useExchange = ({
 
  const txProvider: TxProvider | null = useMemo(() => {
  if (!baseCurrencyKey || !quoteCurrencyKey) return null;
- if (synthTokensMap[baseCurrencyKey] && synthTokensMap[quoteCurrencyKey]) return 'synthetix';
+ if (synthsMap[baseCurrencyKey] && synthsMap[quoteCurrencyKey]) return 'synthetix';
  if (oneInchTokensMap?.[baseCurrencyKey] && oneInchTokensMap?.[quoteCurrencyKey]) return '1inch';
  return 'synthswap';
- }, [baseCurrencyKey, quoteCurrencyKey, synthTokensMap, oneInchTokensMap]);
+ }, [synthsMap, baseCurrencyKey, quoteCurrencyKey, oneInchTokensMap]);
 
  // TODO: these queries break when `txProvider` is not `synthetix` and should not be called.
  // however, condition would break rule of hooks here
@@ -285,7 +285,7 @@ const useExchange = ({
  if (currencyKey != null) {
  if (isETH) {
  return ETHBalance;
- } else if (synthTokensMap[currencyKey]) {
+ } else if (synthsMap[currencyKey]) {
  return synthsWalletBalance != null
  ? (get(synthsWalletBalance, ['balancesMap', currencyKey, 'balance'], zeroBN) as Wei)
  : null;
@@ -295,7 +295,7 @@ const useExchange = ({
  }
  return null;
  },
- [ETHBalance, synthsWalletBalance, tokenBalances, synthTokensMap]
+ [synthsMap, ETHBalance, synthsWalletBalance, tokenBalances]
  );
 
  const quoteCurrencyBalance = useMemo(() => {

package.json

@@ -1,6 +1,6 @@
 {
  "name": "kwenta",
- "version": "3.1.0",
+ "version": "3.1.1",
  "scripts": {
  "dev": "next",
  "build": "next build",

sections/exchange/MobileSwap/SwapButton.tsx

@@ -31,7 +31,7 @@ const SwapButton: React.FC = () => {
  >
  {!!submissionDisabledReason
  ? submissionDisabledReason
- : !isApproved
+ : needsApproval && !isApproved
  ? t('exchange.summary-info.button.approve')
  : t('exchange.summary-info.button.submit-order')}
  </Button>