fix(wallet): workaround for coinbase wallet / fortmatic

src/components/PositionListItem/index.tsx

@@ -202,8 +202,8 @@ export default function PositionListItem({ positionDetails }: PositionListItemPr
   // prices
   let { priceLower, priceUpper, base, quote } = getPriceOrderingFromPositionForUI(position)
   const inverted = token1 ? base?.equals(token1) : undefined
-  const currencyQuote = inverted ? currency0 : currency1
-  const currencyBase = inverted ? currency1 : currency0
+  const currencyQuote = inverted ? currency1 : currency0
+  const currencyBase = inverted ? currency0 : currency1
 
   // check if price is within range
   const outOfRange: boolean = pool ? pool.tickCurrent < tickLower || pool.tickCurrent >= tickUpper : false

src/utils/getLibrary.ts

@@ -1,14 +1,17 @@
 import { Web3Provider } from '@ethersproject/providers'
+import { Web3ReactContextInterface } from '@web3-react/core/dist/types'
 
-export default function getLibrary(provider: any): Web3Provider {
+export default function getLibrary(
+  provider: any,
+  connector?: Required<Web3ReactContextInterface>['connector']
+): Web3Provider {
+  // todo: need to add types to this function and fix the issue with latest version of ethers not able to detect network if we pass in 'any'
+  const chainId =
+    provider?.chainId ?? connector?.supportedChainIds?.length === 1 ? connector?.supportedChainIds?.[0] : undefined
   // latest ethers version tries to detect the network which fails
   const library = new Web3Provider(
     provider,
-    typeof provider.chainId === 'number'
-      ? provider.chainId
-      : typeof provider.chainId === 'string'
-      ? parseInt(provider.chainId)
-      : 'any'
+    typeof chainId === 'number' ? chainId : typeof chainId === 'string' ? parseInt(chainId) : 'any'
   )
   library.pollingInterval = 15000
   return library