Revert "upgrade prettier"

This reverts commit 5fabe438e52d4844307f86577d1d13a2e571e5f5.
2021-02-16 03:26:53 -05:00 · 2021-02-16 03:26:53 -05:00 · 6965707d45
commit 6965707d45
parent d762836eb9
171 changed files with 892 additions and 885 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@ -8,7 +8,9 @@
      "jsx": true
    }
  },
-  "ignorePatterns": ["node_modules/**/*"],
+  "ignorePatterns": [
+    "node_modules/**/*"
+  ],
  "settings": {
    "react": {
      "version": "detect"
--- a/.github/ISSUE_TEMPLATE/bug-report.md
+++ b/.github/ISSUE_TEMPLATE/bug-report.md
@ -10,10 +10,9 @@ assignees: ''
 A clear and concise description of the bug.

 **Steps to Reproduce**
-
 1. Go to ...
 2. Click on ...
-   ...
+...

 **Expected Behavior**
 A clear and concise description of what you expected to happen.
--- a/.github/workflows/release.yaml
+++ b/.github/workflows/release.yaml
@ -1,7 +1,7 @@
 name: Release
 on:
-  #  schedule:
-  #    - cron:  '0 12 * * 1-4' # every day 12:00 UTC Monday-Thursday
+#  schedule:
+#    - cron:  '0 12 * * 1-4' # every day 12:00 UTC Monday-Thursday

  # manual trigger
  workflow_dispatch:
--- a/.github/workflows/tests.yaml
+++ b/.github/workflows/tests.yaml
@ -35,7 +35,7 @@ jobs:
      - run: yarn build
        env:
          CI: false
-          REACT_APP_NETWORK_URL: 'https://mainnet.infura.io/v3/4bf032f2d38a4ed6bb975b80d6340847'
+          REACT_APP_NETWORK_URL: "https://mainnet.infura.io/v3/4bf032f2d38a4ed6bb975b80d6340847"
      - run: yarn integration-test

  unit-tests:
@ -62,3 +62,4 @@ jobs:
            ${{ runner.os }}-yarn-
      - run: yarn install --frozen-lockfile
      - run: yarn test
+
--- a/cypress/integration/swap.test.ts
+++ b/cypress/integration/swap.test.ts
@ -3,23 +3,33 @@ describe('Swap', () => {
    cy.visit('/swap')
  })
  it('can enter an amount into input', () => {
-    cy.get('#swap-currency-input .token-amount-input').type('0.001', { delay: 200 }).should('have.value', '0.001')
+    cy.get('#swap-currency-input .token-amount-input')
+      .type('0.001', { delay: 200 })
+      .should('have.value', '0.001')
  })

  it('zero swap amount', () => {
-    cy.get('#swap-currency-input .token-amount-input').type('0.0', { delay: 200 }).should('have.value', '0.0')
+    cy.get('#swap-currency-input .token-amount-input')
+      .type('0.0', { delay: 200 })
+      .should('have.value', '0.0')
  })

  it('invalid swap amount', () => {
-    cy.get('#swap-currency-input .token-amount-input').type('\\', { delay: 200 }).should('have.value', '')
+    cy.get('#swap-currency-input .token-amount-input')
+      .type('\\', { delay: 200 })
+      .should('have.value', '')
  })

  it('can enter an amount into output', () => {
-    cy.get('#swap-currency-output .token-amount-input').type('0.001', { delay: 200 }).should('have.value', '0.001')
+    cy.get('#swap-currency-output .token-amount-input')
+      .type('0.001', { delay: 200 })
+      .should('have.value', '0.001')
  })

  it('zero output amount', () => {
-    cy.get('#swap-currency-output .token-amount-input').type('0.0', { delay: 200 }).should('have.value', '0.0')
+    cy.get('#swap-currency-output .token-amount-input')
+      .type('0.0', { delay: 200 })
+      .should('have.value', '0.0')
  })

  it('can swap ETH for DAI', () => {
@ -39,7 +49,7 @@ describe('Swap', () => {

  describe('expert mode', () => {
    beforeEach(() => {
-      cy.window().then((win) => {
+      cy.window().then(win => {
        cy.stub(win, 'prompt').returns('confirm')
      })
      cy.get('#open-settings-dialog-button').click()
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@ -77,6 +77,6 @@ Cypress.Commands.overwrite('visit', (original, url, options) => {
      const provider = new JsonRpcProvider('https://rinkeby.infura.io/v3/4bf032f2d38a4ed6bb975b80d6340847', 4)
      const signer = new Wallet(PRIVATE_KEY_TEST_NEVER_USE, provider)
      win.ethereum = new CustomizedBridge(signer, provider)
-    },
+    }
  })
 })
--- a/package.json
+++ b/package.json
@ -62,6 +62,7 @@
    "multihashes": "^3.0.1",
    "node-vibrant": "^3.1.5",
    "polished": "^3.3.2",
+    "prettier": "^1.17.0",
    "qs": "^6.9.4",
    "react": "^17.0.1",
    "react-confetti": "^6.0.0",
--- a/src/components/AccountDetails/index.tsx
+++ b/src/components/AccountDetails/index.tsx
@ -26,7 +26,7 @@ const HeaderRow = styled.div`
  ${({ theme }) => theme.flexRowNoWrap};
  padding: 1rem 1rem;
  font-weight: 500;
-  color: ${(props) => (props.color === 'blue' ? ({ theme }) => theme.primary1 : 'inherit')};
+  color: ${props => (props.color === 'blue' ? ({ theme }) => theme.primary1 : 'inherit')};
  ${({ theme }) => theme.mediaWidth.upToMedium`
    padding: 1rem;
  `};
@ -223,7 +223,7 @@ export default function AccountDetails({
  pendingTransactions,
  confirmedTransactions,
  ENSName,
-  openOptions,
+  openOptions
 }: AccountDetailsProps) {
  const { chainId, account, connector } = useActiveWeb3React()
  const theme = useContext(ThemeContext)
@ -234,10 +234,10 @@ export default function AccountDetails({
    const isMetaMask = !!(ethereum && ethereum.isMetaMask)
    const name = Object.keys(SUPPORTED_WALLETS)
      .filter(
-        (k) =>
+        k =>
          SUPPORTED_WALLETS[k].connector === connector && (connector !== injected || isMetaMask === (k === 'METAMASK'))
      )
-      .map((k) => SUPPORTED_WALLETS[k].name)[0]
+      .map(k => SUPPORTED_WALLETS[k].name)[0]
    return <WalletName>Connected with {name}</WalletName>
  }

--- a/src/components/AddressInputPanel/index.tsx
+++ b/src/components/AddressInputPanel/index.tsx
@ -68,7 +68,7 @@ const Input = styled.input<{ error?: boolean }>`
 export default function AddressInputPanel({
  id,
  value,
-  onChange,
+  onChange
 }: {
  id?: string
  // the typed string value
@ -82,7 +82,7 @@ export default function AddressInputPanel({
  const { address, loading, name } = useENS(value)

  const handleInput = useCallback(
-    (event) => {
+    event => {
      const input = event.target.value
      const withoutSpaces = input.replace(/\s+/g, '')
      onChange(withoutSpaces)
--- a/src/components/Confetti/index.tsx
+++ b/src/components/Confetti/index.tsx
@ -20,7 +20,7 @@ export default function Confetti({ start, variant }: { start: boolean; variant?:
        h: height,
        w: width,
        x: 0,
-        y: _variant === 'top' ? height * 0.25 : _variant === 'bottom' ? height * 0.75 : height * 0.5,
+        y: _variant === 'top' ? height * 0.25 : _variant === 'bottom' ? height * 0.75 : height * 0.5
      }}
      initialVelocityX={15}
      initialVelocityY={30}
--- a/src/components/CurrencyInputPanel/index.tsx
+++ b/src/components/CurrencyInputPanel/index.tsx
@ -148,7 +148,7 @@ export default function CurrencyInputPanel({
  otherCurrency,
  id,
  showCommonBases,
-  customBalanceText,
+  customBalanceText
 }: CurrencyInputPanelProps) {
  const { t } = useTranslation()

@ -192,7 +192,7 @@ export default function CurrencyInputPanel({
              <NumericalInput
                className="token-amount-input"
                value={value}
-                onUserInput={(val) => {
+                onUserInput={val => {
                  onUserInput(val)
                }}
              />
--- a/src/components/CurrencyLogo/index.tsx
+++ b/src/components/CurrencyLogo/index.tsx
@ -28,7 +28,7 @@ const StyledLogo = styled(Logo)<{ size: string }>`
 export default function CurrencyLogo({
  currency,
  size = '24px',
-  style,
+  style
 }: {
  currency?: Currency
  size?: string
--- a/src/components/DoubleLogo/index.tsx
+++ b/src/components/DoubleLogo/index.tsx
@ -29,7 +29,7 @@ export default function DoubleCurrencyLogo({
  currency0,
  currency1,
  size = 16,
-  margin = false,
+  margin = false
 }: DoubleCurrencyLogoProps) {
  return (
    <Wrapper sizeraw={size} margin={margin}>
--- a/src/components/FormattedCurrencyAmount/index.tsx
+++ b/src/components/FormattedCurrencyAmount/index.tsx
@ -5,7 +5,7 @@ const CURRENCY_AMOUNT_MIN = new Fraction(JSBI.BigInt(1), JSBI.BigInt(1000000))

 export default function FormattedCurrencyAmount({
  currencyAmount,
-  significantDigits = 4,
+  significantDigits = 4
 }: {
  currencyAmount: CurrencyAmount
  significantDigits?: number
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@ -201,7 +201,7 @@ const UniIcon = styled.div`
 const activeClassName = 'ACTIVE'

 const StyledNavLink = styled(NavLink).attrs({
-  activeClassName,
+  activeClassName
 })`
  ${({ theme }) => theme.flexRowNoWrap}
  align-items: left;
@ -228,7 +228,7 @@ const StyledNavLink = styled(NavLink).attrs({
 `

 const StyledExternalLink = styled(ExternalLink).attrs({
-  activeClassName,
+  activeClassName
 })<{ isActive?: boolean }>`
  ${({ theme }) => theme.flexRowNoWrap}
  align-items: left;
@ -291,7 +291,7 @@ const NETWORK_LABELS: { [chainId in ChainId]?: string } = {
  [ChainId.RINKEBY]: 'Rinkeby',
  [ChainId.ROPSTEN]: 'Ropsten',
  [ChainId.GÖRLI]: 'Görli',
-  [ChainId.KOVAN]: 'Kovan',
+  [ChainId.KOVAN]: 'Kovan'
 }

 export default function Header() {
@ -380,7 +380,7 @@ export default function Header() {
                  <HideSmall>
                    <TYPE.white
                      style={{
-                        paddingRight: '.4rem',
+                        paddingRight: '.4rem'
                      }}
                    >
                      <CountUp
--- a/src/components/LineChart/data.ts
+++ b/src/components/LineChart/data.ts
@ -148,5 +148,5 @@ export const dummyData = [
  { time: '2019-05-22', value: 43.3 },
  { time: '2019-05-23', value: 42.73 },
  { time: '2019-05-24', value: 42.67 },
-  { time: '2019-05-28', value: 42.75 },
+  { time: '2019-05-28', value: 42.75 }
 ]
--- a/src/components/ListLogo/index.tsx
+++ b/src/components/ListLogo/index.tsx
@ -13,7 +13,7 @@ export default function ListLogo({
  logoURI,
  style,
  size = '24px',
-  alt,
+  alt
 }: {
  logoURI: string
  size?: string
--- a/src/components/Logo/index.tsx
+++ b/src/components/Logo/index.tsx
@ -14,7 +14,7 @@ export interface LogoProps extends Pick<ImageProps, 'style' | 'alt' | 'className
 export default function Logo({ srcs, alt, ...rest }: LogoProps) {
  const [, refresh] = useState<number>(0)

-  const src: string | undefined = srcs.find((src) => !BAD_SRCS[src])
+  const src: string | undefined = srcs.find(src => !BAD_SRCS[src])

  if (src) {
    return (
@ -24,7 +24,7 @@ export default function Logo({ srcs, alt, ...rest }: LogoProps) {
        src={src}
        onError={() => {
          if (src) BAD_SRCS[src] = true
-          refresh((i) => i + 1)
+          refresh(i => i + 1)
        }}
      />
    )
--- a/src/components/Modal/index.tsx
+++ b/src/components/Modal/index.tsx
@ -29,7 +29,7 @@ const AnimatedDialogContent = animated(DialogContent)
 const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...rest }) => (
  <AnimatedDialogContent {...rest} />
 )).attrs({
-  'aria-label': 'dialog',
+  'aria-label': 'dialog'
 })`
  overflow-y: ${({ mobile }) => (mobile ? 'scroll' : 'hidden')};

@ -63,15 +63,13 @@ const StyledDialogContent = styled(({ minHeight, maxHeight, mobile, isOpen, ...r
    `}
    ${({ theme, mobile }) => theme.mediaWidth.upToSmall`
      width:  85vw;
-      ${
-        mobile &&
+      ${mobile &&
        css`
          width: 100vw;
          border-radius: 20px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
-        `
-      }
+        `}
    `}
  }
 `
@ -91,25 +89,25 @@ export default function Modal({
  minHeight = false,
  maxHeight = 90,
  initialFocusRef,
-  children,
+  children
 }: ModalProps) {
  const fadeTransition = useTransition(isOpen, null, {
    config: { duration: 200 },
    from: { opacity: 0 },
    enter: { opacity: 1 },
-    leave: { opacity: 0 },
+    leave: { opacity: 0 }
  })

  const [{ y }, set] = useSpring(() => ({ y: 0, config: { mass: 1, tension: 210, friction: 20 } }))
  const bind = useGesture({
-    onDrag: (state) => {
+    onDrag: state => {
      set({
-        y: state.down ? state.movement[1] : 0,
+        y: state.down ? state.movement[1] : 0
      })
      if (state.movement[1] > 300 || (state.velocity > 3 && state.direction[1] > 0)) {
        onDismiss()
      }
-    },
+    }
  })

  return (
@ -122,7 +120,7 @@ export default function Modal({
                {...(isMobile
                  ? {
                      ...bind(),
-                      style: { transform: y.interpolate((y) => `translateY(${y > 0 ? y : 0}px)`) },
+                      style: { transform: y.interpolate(y => `translateY(${y > 0 ? y : 0}px)`) }
                    }
                  : {})}
                aria-label="dialog content"
--- a/src/components/ModalViews/index.tsx
+++ b/src/components/ModalViews/index.tsx
@ -41,7 +41,7 @@ export function LoadingView({ children, onDismiss }: { children: any; onDismiss:
 export function SubmittedView({
  children,
  onDismiss,
-  hash,
+  hash
 }: {
  children: any
  onDismiss: () => void
--- a/src/components/NavigationTabs/index.tsx
+++ b/src/components/NavigationTabs/index.tsx
@ -22,7 +22,7 @@ const Tabs = styled.div`
 const activeClassName = 'ACTIVE'

 const StyledNavLink = styled(NavLink).attrs({
-  activeClassName,
+  activeClassName
 })`
  ${({ theme }) => theme.flexRowNoWrap}
  align-items: center;
--- a/src/components/NumericalInput/index.tsx
+++ b/src/components/NumericalInput/index.tsx
@ -61,7 +61,7 @@ export const Input = React.memo(function InnerInput({
    <StyledInput
      {...rest}
      value={value}
-      onChange={(event) => {
+      onChange={event => {
        // replace commas with periods, because uniswap exclusively uses period as the decimal separator
        enforcer(event.target.value.replace(/,/g, '.'))
      }}
--- a/src/components/Popover/index.tsx
+++ b/src/components/Popover/index.tsx
@ -9,8 +9,8 @@ import Portal from '@reach/portal'
 const PopoverContainer = styled.div<{ show: boolean }>`
  z-index: 9999;

-  visibility: ${(props) => (props.show ? 'visible' : 'hidden')};
-  opacity: ${(props) => (props.show ? 1 : 0)};
+  visibility: ${props => (props.show ? 'visible' : 'hidden')};
+  opacity: ${props => (props.show ? 1 : 0)};
  transition: visibility 150ms linear, opacity 150ms linear;

  background: ${({ theme }) => theme.bg2};
@ -91,8 +91,8 @@ export default function Popover({ content, show, children, placement = 'auto' }:
    strategy: 'fixed',
    modifiers: [
      { name: 'offset', options: { offset: [8, 8] } },
-      { name: 'arrow', options: { element: arrowElement } },
-    ],
+      { name: 'arrow', options: { element: arrowElement } }
+    ]
  })
  const updateCallback = useCallback(() => {
    update && update()
--- a/src/components/Popups/ClaimPopup.tsx
+++ b/src/components/Popups/ClaimPopup.tsx
@ -10,7 +10,7 @@ import {
  useModalOpen,
  useShowClaimPopup,
  useToggleSelfClaimModal,
-  useToggleShowClaimPopup,
+  useToggleShowClaimPopup
 } from '../../state/application/hooks'

 import { useUserHasAvailableClaim, useUserUnclaimedAmount } from '../../state/claim/hooks'
--- a/src/components/Popups/ListUpdatePopup.tsx
+++ b/src/components/Popups/ListUpdatePopup.tsx
@ -23,7 +23,7 @@ export default function ListUpdatePopup({
  listUrl,
  oldList,
  newList,
-  auto,
+  auto
 }: {
  popKey: string
  listUrl: string
@ -40,7 +40,7 @@ export default function ListUpdatePopup({
    ReactGA.event({
      category: 'Lists',
      action: 'Update List from Popup',
-      label: listUrl,
+      label: listUrl
    })
    dispatch(acceptListUpdate(listUrl))
    removeThisPopup()
--- a/src/components/Popups/PopupItem.tsx
+++ b/src/components/Popups/PopupItem.tsx
@ -49,7 +49,7 @@ const AnimatedFader = animated(Fader)
 export default function PopupItem({
  removeAfterMs,
  content,
-  popKey,
+  popKey
 }: {
  removeAfterMs: number | null
  content: PopupContent
@ -74,12 +74,12 @@ export default function PopupItem({
  let popupContent
  if ('txn' in content) {
    const {
-      txn: { hash, success, summary },
+      txn: { hash, success, summary }
    } = content
    popupContent = <TransactionPopup hash={hash} success={success} summary={summary} />
  } else if ('listUpdate' in content) {
    const {
-      listUpdate: { listUrl, oldList, newList, auto },
+      listUpdate: { listUrl, oldList, newList, auto }
    } = content
    popupContent = <ListUpdatePopup popKey={popKey} listUrl={listUrl} oldList={oldList} newList={newList} auto={auto} />
  }
@ -87,7 +87,7 @@ export default function PopupItem({
  const faderStyle = useSpring({
    from: { width: '100%' },
    to: { width: '0%' },
-    config: { duration: removeAfterMs ?? undefined },
+    config: { duration: removeAfterMs ?? undefined }
  })

  return (
--- a/src/components/Popups/TransactionPopup.tsx
+++ b/src/components/Popups/TransactionPopup.tsx
@ -15,7 +15,7 @@ const RowNoFlex = styled(AutoRow)`
 export default function TransactionPopup({
  hash,
  success,
-  summary,
+  summary
 }: {
  hash: string
  success?: boolean
--- a/src/components/Popups/index.tsx
+++ b/src/components/Popups/index.tsx
@ -54,7 +54,7 @@ export default function Popups() {
    <>
      <FixedPopupColumn gap="20px" extraPadding={urlWarningActive}>
        <ClaimPopup />
-        {activePopups.map((item) => (
+        {activePopups.map(item => (
          <PopupItem key={item.key} content={item.content} popKey={item.key} removeAfterMs={item.removeAfterMs} />
        ))}
      </FixedPopupColumn>
@ -63,7 +63,7 @@ export default function Popups() {
          {activePopups // reverse so new items up front
            .slice(0)
            .reverse()
-            .map((item) => (
+            .map(item => (
              <PopupItem key={item.key} content={item.content} popKey={item.key} removeAfterMs={item.removeAfterMs} />
            ))}
        </MobilePopupInner>
--- a/src/components/PositionCard/index.tsx
+++ b/src/components/PositionCard/index.tsx
@ -75,7 +75,7 @@ export function MinimalPositionCard({ pair, showUnwrapped = false, border }: Pos
    JSBI.greaterThanOrEqual(totalPoolTokens.raw, userPoolBalance.raw)
      ? [
          pair.getLiquidityValue(pair.token0, totalPoolTokens, userPoolBalance, false),
-          pair.getLiquidityValue(pair.token1, totalPoolTokens, userPoolBalance, false),
+          pair.getLiquidityValue(pair.token1, totalPoolTokens, userPoolBalance, false)
        ]
      : [undefined, undefined]

@ -186,7 +186,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi
    JSBI.greaterThanOrEqual(totalPoolTokens.raw, userPoolBalance.raw)
      ? [
          pair.getLiquidityValue(pair.token0, totalPoolTokens, userPoolBalance, false),
-          pair.getLiquidityValue(pair.token1, totalPoolTokens, userPoolBalance, false),
+          pair.getLiquidityValue(pair.token1, totalPoolTokens, userPoolBalance, false)
        ]
      : [undefined, undefined]

--- a/src/components/SearchModal/CommonBases.tsx
+++ b/src/components/SearchModal/CommonBases.tsx
@ -28,7 +28,7 @@ const BaseWrapper = styled.div<{ disable?: boolean }>`
 export default function CommonBases({
  chainId,
  onSelect,
-  selectedCurrency,
+  selectedCurrency
 }: {
  chainId?: ChainId
  selectedCurrency?: Currency | null
--- a/src/components/SearchModal/CurrencyList.tsx
+++ b/src/components/SearchModal/CurrencyList.tsx
@ -102,7 +102,7 @@ function CurrencyRow({
  onSelect,
  isSelected,
  otherSelected,
-  style,
+  style
 }: {
  currency: Currency
  onSelect: () => void
@ -153,7 +153,7 @@ export default function CurrencyList({
  showETH,
  showImportView,
  setImportToken,
-  breakIndex,
+  breakIndex
 }: {
  height: number
  currencies: Currency[]
@ -241,7 +241,7 @@ export default function CurrencyList({
      setImportToken,
      showImportView,
      breakIndex,
-      theme.text1,
+      theme.text1
    ]
  )

--- a/src/components/SearchModal/CurrencySearch.tsx
+++ b/src/components/SearchModal/CurrencySearch.tsx
@ -61,7 +61,7 @@ export function CurrencySearch({
  isOpen,
  showManageView,
  showImportView,
-  setImportToken,
+  setImportToken
 }: CurrencySearchProps) {
  const { t } = useTranslation()
  const { chainId } = useActiveWeb3React()
@ -87,7 +87,7 @@ export function CurrencySearch({
      ReactGA.event({
        category: 'Currency Select',
        action: 'Search by address',
-        label: isAddressSearch,
+        label: isAddressSearch
      })
    }
  }, [isAddressSearch])
@ -124,7 +124,7 @@ export function CurrencySearch({

  // manage focus on modal show
  const inputRef = useRef<HTMLInputElement>()
-  const handleInput = useCallback((event) => {
+  const handleInput = useCallback(event => {
    const input = event.target.value
    const checksummedInput = isAddress(input)
    setSearchQuery(checksummedInput || input)
--- a/src/components/SearchModal/CurrencySearchModal.tsx
+++ b/src/components/SearchModal/CurrencySearchModal.tsx
@ -22,7 +22,7 @@ export enum CurrencyModalView {
  search,
  manage,
  importToken,
-  importList,
+  importList
 }

 export default function CurrencySearchModal({
@ -31,7 +31,7 @@ export default function CurrencySearchModal({
  onCurrencySelect,
  selectedCurrency,
  otherSelectedCurrency,
-  showCommonBases = false,
+  showCommonBases = false
 }: CurrencySearchModalProps) {
  const [modalView, setModalView] = useState<CurrencyModalView>(CurrencyModalView.manage)
  const lastOpen = useLast(isOpen)
--- a/src/components/SearchModal/ImportList.tsx
+++ b/src/components/SearchModal/ImportList.tsx
@ -56,7 +56,7 @@ export function ImportList({ listURL, list, setModalView, onDismiss }: ImportPro
        ReactGA.event({
          category: 'Lists',
          action: 'Add List',
-          label: listURL,
+          label: listURL
        })

        // turn list on
@ -64,11 +64,11 @@ export function ImportList({ listURL, list, setModalView, onDismiss }: ImportPro
        // go back to lists
        setModalView(CurrencyModalView.manage)
      })
-      .catch((error) => {
+      .catch(error => {
        ReactGA.event({
          category: 'Lists',
          action: 'Add List Failed',
-          label: listURL,
+          label: listURL
        })
        setAddError(error.message)
        dispatch(removeList(listURL))
--- a/src/components/SearchModal/ImportRow.tsx
+++ b/src/components/SearchModal/ImportRow.tsx
@ -45,7 +45,7 @@ export default function ImportRow({
  style,
  dim,
  showImportView,
-  setImportToken,
+  setImportToken
 }: {
  token: Token
  style?: CSSProperties
--- a/src/components/SearchModal/ImportToken.tsx
+++ b/src/components/SearchModal/ImportToken.tsx
@ -74,7 +74,7 @@ export function ImportToken({ tokens, onBack, onDismiss, handleCurrencySelect }:
      </PaddedColumn>
      <SectionBreak />
      <PaddedColumn gap="md">
-        {tokens.map((token) => {
+        {tokens.map(token => {
          const list = chainId && inactiveTokenList?.[chainId]?.[token.address]?.list
          return (
            <Card backgroundColor={theme.bg2} key={'import' + token.address} className=".token-warning-container">
@ -151,7 +151,7 @@ export function ImportToken({ tokens, onBack, onDismiss, handleCurrencySelect }:
          borderRadius="20px"
          padding="10px 1rem"
          onClick={() => {
-            tokens.map((token) => addToken(token))
+            tokens.map(token => addToken(token))
            handleCurrencySelect && handleCurrencySelect(tokens[0])
          }}
          className=".token-dismiss-button"
--- a/src/components/SearchModal/Manage.tsx
+++ b/src/components/SearchModal/Manage.tsx
@ -46,7 +46,7 @@ export default function Manage({
  setModalView,
  setImportList,
  setImportToken,
-  setListUrl,
+  setListUrl
 }: {
  onDismiss: () => void
  setModalView: (view: CurrencyModalView) => void
--- a/src/components/SearchModal/ManageLists.tsx
+++ b/src/components/SearchModal/ManageLists.tsx
@ -42,8 +42,8 @@ const UnpaddedLinkStyledButton = styled(LinkStyledButton)`

 const PopoverContainer = styled.div<{ show: boolean }>`
  z-index: 100;
-  visibility: ${(props) => (props.show ? 'visible' : 'hidden')};
-  opacity: ${(props) => (props.show ? 1 : 0)};
+  visibility: ${props => (props.show ? 'visible' : 'hidden')};
+  opacity: ${props => (props.show ? 1 : 0)};
  transition: visibility 150ms linear, opacity 150ms linear;
  background: ${({ theme }) => theme.bg2};
  border: 1px solid ${({ theme }) => theme.bg3};
@ -93,7 +93,7 @@ function listUrlRowHTMLId(listUrl: string) {
 }

 const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
-  const listsByUrl = useSelector<AppState, AppState['lists']['byUrl']>((state) => state.lists.byUrl)
+  const listsByUrl = useSelector<AppState, AppState['lists']['byUrl']>(state => state.lists.byUrl)
  const dispatch = useDispatch<AppDispatch>()
  const { current: list, pendingUpdate: pending } = listsByUrl[listUrl]

@ -109,7 +109,7 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
  const { styles, attributes } = usePopper(referenceElement, popperElement, {
    placement: 'auto',
    strategy: 'fixed',
-    modifiers: [{ name: 'offset', options: { offset: [8, 8] } }],
+    modifiers: [{ name: 'offset', options: { offset: [8, 8] } }]
  })

  useOnClickOutside(node, open ? toggle : undefined)
@ -119,7 +119,7 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
    ReactGA.event({
      category: 'Lists',
      action: 'Update List from List Select',
-      label: listUrl,
+      label: listUrl
    })
    dispatch(acceptListUpdate(listUrl))
  }, [dispatch, listUrl, pending])
@ -128,13 +128,13 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
    ReactGA.event({
      category: 'Lists',
      action: 'Start Remove List',
-      label: listUrl,
+      label: listUrl
    })
    if (window.prompt(`Please confirm you would like to remove this list by typing REMOVE`) === `REMOVE`) {
      ReactGA.event({
        category: 'Lists',
        action: 'Confirm Remove List',
-        label: listUrl,
+        label: listUrl
      })
      dispatch(removeList(listUrl))
    }
@ -144,7 +144,7 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
    ReactGA.event({
      category: 'Lists',
      action: 'Enable List',
-      label: listUrl,
+      label: listUrl
    })
    dispatch(enableList(listUrl))
  }, [dispatch, listUrl])
@ -153,7 +153,7 @@ const ListRow = memo(function ListRow({ listUrl }: { listUrl: string }) {
    ReactGA.event({
      category: 'Lists',
      action: 'Disable List',
-      label: listUrl,
+      label: listUrl
    })
    dispatch(disableList(listUrl))
  }, [dispatch, listUrl])
@ -216,7 +216,7 @@ const ListContainer = styled.div`
 export function ManageLists({
  setModalView,
  setImportList,
-  setListUrl,
+  setListUrl
 }: {
  setModalView: (view: CurrencyModalView) => void
  setImportList: (list: TokenList) => void
@ -237,7 +237,7 @@ export function ManageLists({
    }
  }, [activeCopy, activeListUrls])

-  const handleInput = useCallback((e) => {
+  const handleInput = useCallback(e => {
    setListUrlInput(e.target.value)
  }, [])

@ -250,7 +250,7 @@ export function ManageLists({
  const sortedLists = useMemo(() => {
    const listUrls = Object.keys(lists)
    return listUrls
-      .filter((listUrl) => {
+      .filter(listUrl => {
        // only show loaded lists, hide unsupported lists
        return Boolean(lists[listUrl].current) && !Boolean(UNSUPPORTED_LIST_URLS.includes(listUrl))
      })
@ -286,7 +286,7 @@ export function ManageLists({
  useEffect(() => {
    async function fetchTempList() {
      fetchList(listUrlInput, false)
-        .then((list) => setTempList(list))
+        .then(list => setTempList(list))
        .catch(() => setAddError('Error importing list'))
    }
    // if valid url, fetch details for card
@ -367,7 +367,7 @@ export function ManageLists({
      <Separator />
      <ListContainer>
        <AutoColumn gap="md">
-          {sortedLists.map((listUrl) => (
+          {sortedLists.map(listUrl => (
            <ListRow key={listUrl} listUrl={listUrl} />
          ))}
        </AutoColumn>
--- a/src/components/SearchModal/ManageTokens.tsx
+++ b/src/components/SearchModal/ManageTokens.tsx
@ -37,7 +37,7 @@ const Footer = styled.div`

 export default function ManageTokens({
  setModalView,
-  setImportToken,
+  setImportToken
 }: {
  setModalView: (view: CurrencyModalView) => void
  setImportToken: (token: Token) => void
@ -49,7 +49,7 @@ export default function ManageTokens({

  // manage focus on modal show
  const inputRef = useRef<HTMLInputElement>()
-  const handleInput = useCallback((event) => {
+  const handleInput = useCallback(event => {
    const input = event.target.value
    const checksummedInput = isAddress(input)
    setSearchQuery(checksummedInput || input)
@ -65,7 +65,7 @@ export default function ManageTokens({

  const handleRemoveAll = useCallback(() => {
    if (chainId && userAddedTokens) {
-      userAddedTokens.map((token) => {
+      userAddedTokens.map(token => {
        return removeToken(chainId, token.address)
      })
    }
@ -74,7 +74,7 @@ export default function ManageTokens({
  const tokenList = useMemo(() => {
    return (
      chainId &&
-      userAddedTokens.map((token) => (
+      userAddedTokens.map(token => (
        <RowBetween key={token.address} width="100%">
          <RowFixed>
            <CurrencyLogo currency={token} size={'20px'} />
--- a/src/components/SearchModal/SortButton.tsx
+++ b/src/components/SearchModal/SortButton.tsx
@ -19,7 +19,7 @@ export const FilterWrapper = styled(RowFixed)`

 export default function SortButton({
  toggleSortOrder,
-  ascending,
+  ascending
 }: {
  toggleSortOrder: () => void
  ascending: boolean
--- a/src/components/SearchModal/filtering.ts
+++ b/src/components/SearchModal/filtering.ts
@ -8,13 +8,13 @@ export function filterTokens(tokens: Token[], search: string): Token[] {
  const searchingAddress = isAddress(search)

  if (searchingAddress) {
-    return tokens.filter((token) => token.address === searchingAddress)
+    return tokens.filter(token => token.address === searchingAddress)
  }

  const lowerSearchParts = search
    .toLowerCase()
    .split(/\s+/)
-    .filter((s) => s.length > 0)
+    .filter(s => s.length > 0)

  if (lowerSearchParts.length === 0) {
    return tokens
@ -24,12 +24,12 @@ export function filterTokens(tokens: Token[], search: string): Token[] {
    const sParts = s
      .toLowerCase()
      .split(/\s+/)
-      .filter((s) => s.length > 0)
+      .filter(s => s.length > 0)

-    return lowerSearchParts.every((p) => p.length === 0 || sParts.some((sp) => sp.startsWith(p) || sp.endsWith(p)))
+    return lowerSearchParts.every(p => p.length === 0 || sParts.some(sp => sp.startsWith(p) || sp.endsWith(p)))
  }

-  return tokens.filter((token) => {
+  return tokens.filter(token => {
    const { symbol, name } = token
    return (symbol && matchesSearch(symbol)) || (name && matchesSearch(name))
  })
@ -44,7 +44,7 @@ export function useSortedTokensByQuery(tokens: Token[] | undefined, searchQuery:
    const symbolMatch = searchQuery
      .toLowerCase()
      .split(/\s+/)
-      .filter((s) => s.length > 0)
+      .filter(s => s.length > 0)

    if (symbolMatch.length > 1) {
      return tokens
@ -55,7 +55,7 @@ export function useSortedTokensByQuery(tokens: Token[] | undefined, searchQuery:
    const rest: Token[] = []

    // sort tokens by exact match -> subtring on symbol match -> rest
-    tokens.map((token) => {
+    tokens.map(token => {
      if (token.symbol?.toLowerCase() === symbolMatch[0]) {
        return exactMatches.push(token)
      } else if (token.symbol?.toLowerCase().startsWith(searchQuery.toLowerCase().trim())) {
--- a/src/components/SearchModal/styleds.tsx
+++ b/src/components/SearchModal/styleds.tsx
@ -21,8 +21,8 @@ export const StyledMenu = styled.div`

 export const PopoverContainer = styled.div<{ show: boolean }>`
  z-index: 100;
-  visibility: ${(props) => (props.show ? 'visible' : 'hidden')};
-  opacity: ${(props) => (props.show ? 1 : 0)};
+  visibility: ${props => (props.show ? 'visible' : 'hidden')};
+  opacity: ${props => (props.show ? 1 : 0)};
  transition: visibility 150ms linear, opacity 150ms linear;
  background: ${({ theme }) => theme.bg2};
  border: 1px solid ${({ theme }) => theme.bg3};
--- a/src/components/Settings/index.tsx
+++ b/src/components/Settings/index.tsx
@ -9,7 +9,7 @@ import {
  useExpertModeManager,
  useUserTransactionTTL,
  useUserSlippageTolerance,
-  useUserSingleHopOnly,
+  useUserSingleHopOnly
 } from '../../state/user/hooks'
 import { TYPE } from '../../theme'
 import { ButtonError } from '../Button'
--- a/src/components/Slider/index.tsx
+++ b/src/components/Slider/index.tsx
@ -98,7 +98,7 @@ interface InputSliderProps {

 export default function Slider({ value, onChange, min = 0, step = 1, max = 100, size = 28 }: InputSliderProps) {
  const changeCallback = useCallback(
-    (e) => {
+    e => {
      onChange(parseInt(e.target.value))
    },
    [onChange]
--- a/src/components/TokenWarningModal/index.tsx
+++ b/src/components/TokenWarningModal/index.tsx
@ -6,7 +6,7 @@ import { ImportToken } from 'components/SearchModal/ImportToken'
 export default function TokenWarningModal({
  isOpen,
  tokens,
-  onConfirm,
+  onConfirm
 }: {
  isOpen: boolean
  tokens: Token[]
--- a/src/components/TransactionConfirmationModal/index.tsx
+++ b/src/components/TransactionConfirmationModal/index.tsx
@ -71,7 +71,7 @@ function TransactionSubmittedContent({
  onDismiss,
  chainId,
  hash,
-  currencyToAdd,
+  currencyToAdd
 }: {
  onDismiss: () => void
  hash: string | undefined
@ -134,7 +134,7 @@ export function ConfirmationModalContent({
  title,
  bottomContent,
  onDismiss,
-  topContent,
+  topContent
 }: {
  title: string
  onDismiss: () => void
@ -199,7 +199,7 @@ export default function TransactionConfirmationModal({
  hash,
  pendingText,
  content,
-  currencyToAdd,
+  currencyToAdd
 }: ConfirmationModalProps) {
  const { chainId } = useActiveWeb3React()

--- a/src/components/TransactionSettings/index.tsx
+++ b/src/components/TransactionSettings/index.tsx
@ -11,11 +11,11 @@ import { darken } from 'polished'
 enum SlippageError {
  InvalidInput = 'InvalidInput',
  RiskyLow = 'RiskyLow',
-  RiskyHigh = 'RiskyHigh',
+  RiskyHigh = 'RiskyHigh'
 }

 enum DeadlineError {
-  InvalidInput = 'InvalidInput',
+  InvalidInput = 'InvalidInput'
 }

 const FancyButton = styled.button`
@ -199,7 +199,7 @@ export default function SlippageTabs({ rawSlippage, setRawSlippage, deadline, se
                onBlur={() => {
                  parseCustomSlippage((rawSlippage / 100).toFixed(2))
                }}
-                onChange={(e) => parseCustomSlippage(e.target.value)}
+                onChange={e => parseCustomSlippage(e.target.value)}
                color={!slippageInputIsValid ? 'red' : ''}
              />
              %
@ -211,7 +211,7 @@ export default function SlippageTabs({ rawSlippage, setRawSlippage, deadline, se
            style={{
              fontSize: '14px',
              paddingTop: '7px',
-              color: slippageError === SlippageError.InvalidInput ? 'red' : '#F3841E',
+              color: slippageError === SlippageError.InvalidInput ? 'red' : '#F3841E'
            }}
          >
            {slippageError === SlippageError.InvalidInput
@ -239,7 +239,7 @@ export default function SlippageTabs({ rawSlippage, setRawSlippage, deadline, se
              }}
              placeholder={(deadline / 60).toString()}
              value={deadlineInput}
-              onChange={(e) => parseCustomDeadline(e.target.value)}
+              onChange={e => parseCustomDeadline(e.target.value)}
            />
          </OptionCustom>
          <TYPE.body style={{ paddingLeft: '8px' }} fontSize={14}>
--- a/src/components/WalletModal/Option.tsx
+++ b/src/components/WalletModal/Option.tsx
@ -62,7 +62,7 @@ const CircleWrapper = styled.div`

 const HeaderText = styled.div`
  ${({ theme }) => theme.flexRowNoWrap};
-  color: ${(props) => (props.color === 'blue' ? ({ theme }) => theme.primary1 : ({ theme }) => theme.text1)};
+  color: ${props => (props.color === 'blue' ? ({ theme }) => theme.primary1 : ({ theme }) => theme.text1)};
  font-size: 1rem;
  font-weight: 500;
 `
@ -97,7 +97,7 @@ export default function Option({
  subheader = null,
  icon,
  active = false,
-  id,
+  id
 }: {
  link?: string | null
  clickable?: boolean
--- a/src/components/WalletModal/PendingView.tsx
+++ b/src/components/WalletModal/PendingView.tsx
@ -67,7 +67,7 @@ export default function PendingView({
  connector,
  error = false,
  setPendingError,
-  tryActivation,
+  tryActivation
 }: {
  connector?: AbstractConnector
  error?: boolean
@ -100,7 +100,7 @@ export default function PendingView({
          )}
        </LoadingWrapper>
      </LoadingMessage>
-      {Object.keys(SUPPORTED_WALLETS).map((key) => {
+      {Object.keys(SUPPORTED_WALLETS).map(key => {
        const option = SUPPORTED_WALLETS[key]
        if (option.connector === connector) {
          if (option.connector === injected) {
--- a/src/components/WalletModal/index.tsx
+++ b/src/components/WalletModal/index.tsx
@ -47,7 +47,7 @@ const HeaderRow = styled.div`
  ${({ theme }) => theme.flexRowNoWrap};
  padding: 1rem 1rem;
  font-weight: 500;
-  color: ${(props) => (props.color === 'blue' ? ({ theme }) => theme.primary1 : 'inherit')};
+  color: ${props => (props.color === 'blue' ? ({ theme }) => theme.primary1 : 'inherit')};
  ${({ theme }) => theme.mediaWidth.upToMedium`
    padding: 1rem;
  `};
@ -113,13 +113,13 @@ const WALLET_VIEWS = {
  OPTIONS: 'options',
  OPTIONS_SECONDARY: 'options_secondary',
  ACCOUNT: 'account',
-  PENDING: 'pending',
+  PENDING: 'pending'
 }

 export default function WalletModal({
  pendingTransactions,
  confirmedTransactions,
-  ENSName,
+  ENSName
 }: {
  pendingTransactions: string[] // hashes of pending
  confirmedTransactions: string[] // hashes of confirmed
@ -165,7 +165,7 @@ export default function WalletModal({

  const tryActivation = async (connector: AbstractConnector | undefined) => {
    let name = ''
-    Object.keys(SUPPORTED_WALLETS).map((key) => {
+    Object.keys(SUPPORTED_WALLETS).map(key => {
      if (connector === SUPPORTED_WALLETS[key].connector) {
        return (name = SUPPORTED_WALLETS[key].name)
      }
@ -175,7 +175,7 @@ export default function WalletModal({
    ReactGA.event({
      category: 'Wallet',
      action: 'Change Wallet',
-      label: name,
+      label: name
    })
    setPendingWallet(connector) // set wallet for pending view
    setWalletView(WALLET_VIEWS.PENDING)
@ -186,7 +186,7 @@ export default function WalletModal({
    }

    connector &&
-      activate(connector, undefined, true).catch((error) => {
+      activate(connector, undefined, true).catch(error => {
        if (error instanceof UnsupportedChainIdError) {
          activate(connector) // a little janky...can't use setError because the connector isn't set
        } else {
@ -205,7 +205,7 @@ export default function WalletModal({
  // get wallets user can switch too, depending on device/browser
  function getOptions() {
    const isMetamask = window.ethereum && window.ethereum.isMetaMask
-    return Object.keys(SUPPORTED_WALLETS).map((key) => {
+    return Object.keys(SUPPORTED_WALLETS).map(key => {
      const option = SUPPORTED_WALLETS[key]
      // check for mobile options
      if (isMobile) {
--- a/src/components/Web3Status/index.tsx
+++ b/src/components/Web3Status/index.tsx
@ -174,7 +174,7 @@ function Web3StatusInner() {
    return txs.filter(isTransactionRecent).sort(newTransactionsFirst)
  }, [allTransactions])

-  const pending = sortedRecentTransactions.filter((tx) => !tx.receipt).map((tx) => tx.hash)
+  const pending = sortedRecentTransactions.filter(tx => !tx.receipt).map(tx => tx.hash)

  const hasPendingTransactions = !!pending.length
  const hasSocks = useHasSocks()
@ -225,8 +225,8 @@ export default function Web3Status() {
    return txs.filter(isTransactionRecent).sort(newTransactionsFirst)
  }, [allTransactions])

-  const pending = sortedRecentTransactions.filter((tx) => !tx.receipt).map((tx) => tx.hash)
-  const confirmed = sortedRecentTransactions.filter((tx) => tx.receipt).map((tx) => tx.hash)
+  const pending = sortedRecentTransactions.filter(tx => !tx.receipt).map(tx => tx.hash)
+  const confirmed = sortedRecentTransactions.filter(tx => tx.receipt).map(tx => tx.hash)

  if (!contextNetwork.active && !active) {
    return null
--- a/src/components/claim/AddressClaimModal.tsx
+++ b/src/components/claim/AddressClaimModal.tsx
@ -75,11 +75,11 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole
  function onClaim() {
    setAttempting(true)
    claimCallback()
-      .then((hash) => {
+      .then(hash => {
        setHash(hash)
      })
      // reset modal and log error
-      .catch((error) => {
+      .catch(error => {
        setAttempting(false)
        console.log(error)
      })
--- a/src/components/claim/ClaimModal.tsx
+++ b/src/components/claim/ClaimModal.tsx
@ -67,7 +67,7 @@ export default function ClaimModal() {
    setAttempting(true)
    claimCallback()
      // reset modal and log error
-      .catch((error) => {
+      .catch(error => {
        setAttempting(false)
        console.log(error)
      })
--- a/src/components/earn/ClaimRewardModal.tsx
+++ b/src/components/earn/ClaimRewardModal.tsx
@ -46,7 +46,7 @@ export default function ClaimRewardModal({ isOpen, onDismiss, stakingInfo }: Sta
        .getReward({ gasLimit: 350000 })
        .then((response: TransactionResponse) => {
          addTransaction(response, {
-            summary: `Claim accumulated UNI rewards`,
+            summary: `Claim accumulated UNI rewards`
          })
          setHash(response.hash)
        })
--- a/src/components/earn/StakingModal.tsx
+++ b/src/components/earn/StakingModal.tsx
@ -97,7 +97,7 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
          )
          .then((response: TransactionResponse) => {
            addTransaction(response, {
-              summary: `Deposit liquidity`,
+              summary: `Deposit liquidity`
            })
            setHash(response.hash)
          })
@ -141,50 +141,50 @@ export default function StakingModal({ isOpen, onDismiss, stakingInfo, userLiqui
      { name: 'name', type: 'string' },
      { name: 'version', type: 'string' },
      { name: 'chainId', type: 'uint256' },
-      { name: 'verifyingContract', type: 'address' },
+      { name: 'verifyingContract', type: 'address' }
    ]
    const domain = {
      name: 'Uniswap V2',
      version: '1',
      chainId: chainId,
-      verifyingContract: pairContract.address,
+      verifyingContract: pairContract.address
    }
    const Permit = [
      { name: 'owner', type: 'address' },
      { name: 'spender', type: 'address' },
      { name: 'value', type: 'uint256' },
      { name: 'nonce', type: 'uint256' },
-      { name: 'deadline', type: 'uint256' },
+      { name: 'deadline', type: 'uint256' }
    ]
    const message = {
      owner: account,
      spender: stakingInfo.stakingRewardAddress,
      value: liquidityAmount.raw.toString(),
      nonce: nonce.toHexString(),
-      deadline: deadline.toNumber(),
+      deadline: deadline.toNumber()
    }
    const data = JSON.stringify({
      types: {
        EIP712Domain,
-        Permit,
+        Permit
      },
      domain,
      primaryType: 'Permit',
-      message,
+      message
    })

    library
      .send('eth_signTypedData_v4', [account, data])
      .then(splitSignature)
-      .then((signature) => {
+      .then(signature => {
        setSignatureData({
          v: signature.v,
          r: signature.r,
          s: signature.s,
-          deadline: deadline.toNumber(),
+          deadline: deadline.toNumber()
        })
      })
-      .catch((error) => {
+      .catch(error => {
        // for all errors other than 4001 (EIP-1193 user rejected request), fall back to manual approve
        if (error?.code !== 4001) {
          approveCallback()
--- a/src/components/earn/UnstakingModal.tsx
+++ b/src/components/earn/UnstakingModal.tsx
@ -47,7 +47,7 @@ export default function UnstakingModal({ isOpen, onDismiss, stakingInfo }: Staki
        .exit({ gasLimit: 300000 })
        .then((response: TransactionResponse) => {
          addTransaction(response, {
-            summary: `Withdraw deposited liquidity`,
+            summary: `Withdraw deposited liquidity`
          })
          setHash(response.hash)
        })
--- a/src/components/swap/BetterTradeLink.tsx
+++ b/src/components/swap/BetterTradeLink.tsx
@ -33,8 +33,8 @@ export default function BetterTradeLink({ version }: { version: Version }) {
      ...location,
      search: `?${stringify({
        ...search,
-        use: version !== DEFAULT_VERSION ? version : undefined,
-      })}`,
+        use: version !== DEFAULT_VERSION ? version : undefined
+      })}`
    }
  }, [location, search, version])

@ -58,8 +58,8 @@ export function DefaultVersionLink() {
      ...location,
      search: `?${stringify({
        ...search,
-        use: DEFAULT_VERSION,
-      })}`,
+        use: DEFAULT_VERSION
+      })}`
    }
  }, [location, search])

--- a/src/components/swap/ConfirmSwapModal.tsx
+++ b/src/components/swap/ConfirmSwapModal.tsx
@ -2,7 +2,7 @@ import { currencyEquals, Trade } from '@uniswap/sdk'
 import React, { useCallback, useMemo } from 'react'
 import TransactionConfirmationModal, {
  ConfirmationModalContent,
-  TransactionErrorContent,
+  TransactionErrorContent
 } from '../TransactionConfirmationModal'
 import SwapModalFooter from './SwapModalFooter'
 import SwapModalHeader from './SwapModalHeader'
@ -33,7 +33,7 @@ export default function ConfirmSwapModal({
  swapErrorMessage,
  isOpen,
  attemptingTxn,
-  txHash,
+  txHash
 }: {
  isOpen: boolean
  trade: Trade | undefined
--- a/src/components/swap/SwapModalFooter.tsx
+++ b/src/components/swap/SwapModalFooter.tsx
@ -9,7 +9,7 @@ import {
  computeSlippageAdjustedAmounts,
  computeTradePriceBreakdown,
  formatExecutionPrice,
-  warningSeverity,
+  warningSeverity
 } from '../../utils/prices'
 import { ButtonError } from '../Button'
 import { AutoColumn } from '../Column'
@ -23,7 +23,7 @@ export default function SwapModalFooter({
  onConfirm,
  allowedSlippage,
  swapErrorMessage,
-  disabledConfirm,
+  disabledConfirm
 }: {
  trade: Trade
  allowedSlippage: number
@ -35,7 +35,7 @@ export default function SwapModalFooter({
  const theme = useContext(ThemeContext)
  const slippageAdjustedAmounts = useMemo(() => computeSlippageAdjustedAmounts(trade, allowedSlippage), [
    allowedSlippage,
-    trade,
+    trade
  ])
  const { priceImpactWithoutFee, realizedLPFee } = useMemo(() => computeTradePriceBreakdown(trade), [trade])
  const severity = warningSeverity(priceImpactWithoutFee)
@ -56,7 +56,7 @@ export default function SwapModalFooter({
              alignItems: 'center',
              display: 'flex',
              textAlign: 'right',
-              paddingLeft: '10px',
+              paddingLeft: '10px'
            }}
          >
            {formatExecutionPrice(trade, showInverted)}
--- a/src/components/swap/SwapModalHeader.tsx
+++ b/src/components/swap/SwapModalHeader.tsx
@ -18,7 +18,7 @@ export default function SwapModalHeader({
  allowedSlippage,
  recipient,
  showAcceptChanges,
-  onAcceptChanges,
+  onAcceptChanges
 }: {
  trade: Trade
  allowedSlippage: number
@ -28,7 +28,7 @@ export default function SwapModalHeader({
 }) {
  const slippageAdjustedAmounts = useMemo(() => computeSlippageAdjustedAmounts(trade, allowedSlippage), [
    trade,
-    allowedSlippage,
+    allowedSlippage
  ])
  const { priceImpactWithoutFee } = useMemo(() => computeTradePriceBreakdown(trade), [trade])
  const priceImpactSeverity = warningSeverity(priceImpactWithoutFee)
--- a/src/components/swap/UnsupportedCurrencyFooter.tsx
+++ b/src/components/swap/UnsupportedCurrencyFooter.tsx
@ -40,7 +40,7 @@ const AddressText = styled(TYPE.blue)`

 export default function UnsupportedCurrencyFooter({
  show,
-  currencies,
+  currencies
 }: {
  show: boolean
  currencies: (Currency | undefined)[]
@ -50,7 +50,7 @@ export default function UnsupportedCurrencyFooter({

  const tokens =
    chainId && currencies
-      ? currencies.map((currency) => {
+      ? currencies.map(currency => {
          return wrappedCurrency(currency, chainId)
        })
      : []
@ -67,7 +67,7 @@ export default function UnsupportedCurrencyFooter({

              <CloseIcon onClick={() => setShowDetails(false)} />
            </RowBetween>
-            {tokens.map((token) => {
+            {tokens.map(token => {
              return (
                token &&
                unsupportedTokens &&
--- a/src/components/vote/DelegateModal.tsx
+++ b/src/components/vote/DelegateModal.tsx
@ -77,7 +77,7 @@ export default function DelegateModal({ isOpen, onDismiss, title }: VoteModalPro
    if (!delegateCallback) return

    // try delegation and store hash
-    const hash = await delegateCallback(parsedAddress ?? undefined)?.catch((error) => {
+    const hash = await delegateCallback(parsedAddress ?? undefined)?.catch(error => {
      setAttempting(false)
      console.log(error)
    })
--- a/src/components/vote/VoteModal.tsx
+++ b/src/components/vote/VoteModal.tsx
@ -44,7 +44,7 @@ interface VoteModalProps {
 export default function VoteModal({ isOpen, onDismiss, proposalId, support }: VoteModalProps) {
  const { chainId } = useActiveWeb3React()
  const {
-    voteCallback,
+    voteCallback
  }: {
    voteCallback: (proposalId: string | undefined, support: boolean) => Promise<string> | undefined
  } = useVoteCallback()
@ -71,7 +71,7 @@ export default function VoteModal({ isOpen, onDismiss, proposalId, support }: Vo
    if (!voteCallback) return

    // try delegation and store hash
-    const hash = await voteCallback(proposalId, support)?.catch((error) => {
+    const hash = await voteCallback(proposalId, support)?.catch(error => {
      setAttempting(false)
      console.log(error)
    })
--- a/src/connectors/Fortmatic.ts
+++ b/src/connectors/Fortmatic.ts
@ -9,7 +9,7 @@ const CHAIN_ID_NETWORK_ARGUMENT: { readonly [chainId in FormaticSupportedChains]
  [ChainId.MAINNET]: undefined,
  [ChainId.ROPSTEN]: 'ropsten',
  [ChainId.RINKEBY]: 'rinkeby',
-  [ChainId.KOVAN]: 'kovan',
+  [ChainId.KOVAN]: 'kovan'
 }

 export class FortmaticConnector extends FortmaticConnectorCore {
@ -27,7 +27,7 @@ export class FortmaticConnector extends FortmaticConnectorCore {

    const provider = this.fortmatic.getProvider()

-    const pollForOverlayReady = new Promise((resolve) => {
+    const pollForOverlayReady = new Promise(resolve => {
      const interval = setInterval(() => {
        if (provider.overlayReady) {
          clearInterval(interval)
@ -39,7 +39,7 @@ export class FortmaticConnector extends FortmaticConnectorCore {

    const [account] = await Promise.all([
      provider.enable().then((accounts: string[]) => accounts[0]),
-      pollForOverlayReady,
+      pollForOverlayReady
    ])

    return { provider: this.fortmatic.getProvider(), chainId: (this as any).chainId, account }
--- a/src/connectors/NetworkConnector.ts
+++ b/src/connectors/NetworkConnector.ts
@ -60,7 +60,7 @@ class MiniRpcProvider implements AsyncSendable {
      response = await fetch(this.url, {
        method: 'POST',
        headers: { 'content-type': 'application/json', accept: 'application/json' },
-        body: JSON.stringify(batch.map((item) => item.request)),
+        body: JSON.stringify(batch.map(item => item.request))
      })
    } catch (error) {
      batch.forEach(({ reject }) => reject(new Error('Failed to send batch call')))
@ -87,7 +87,7 @@ class MiniRpcProvider implements AsyncSendable {
      const {
        resolve,
        reject,
-        request: { method },
+        request: { method }
      } = byKey[result.id]
      if (resolve && reject) {
        if ('error' in result) {
@ -111,8 +111,8 @@ class MiniRpcProvider implements AsyncSendable {
    callback: (error: any, response: any) => void
  ): void => {
    this.request(request.method, request.params)
-      .then((result) => callback(null, { jsonrpc: '2.0', id: request.id, result }))
-      .catch((error) => callback(error, null))
+      .then(result => callback(null, { jsonrpc: '2.0', id: request.id, result }))
+      .catch(error => callback(error, null))
  }

  public readonly request = async (
@ -131,10 +131,10 @@ class MiniRpcProvider implements AsyncSendable {
          jsonrpc: '2.0',
          id: this.nextId++,
          method,
-          params,
+          params
        },
        resolve,
-        reject,
+        reject
      })
    })
    this.batchTimeoutId = this.batchTimeoutId ?? setTimeout(this.clearBatch, this.batchWaitTimeMs)
--- a/src/connectors/index.ts
+++ b/src/connectors/index.ts
@ -18,7 +18,7 @@ if (typeof NETWORK_URL === 'undefined') {
 }

 export const network = new NetworkConnector({
-  urls: { [NETWORK_CHAIN_ID]: NETWORK_URL },
+  urls: { [NETWORK_CHAIN_ID]: NETWORK_URL }
 })

 let networkLibrary: Web3Provider | undefined
@ -27,7 +27,7 @@ export function getNetworkLibrary(): Web3Provider {
 }

 export const injected = new InjectedConnector({
-  supportedChainIds: [1, 3, 4, 5, 42],
+  supportedChainIds: [1, 3, 4, 5, 42]
 })

 // mainnet only
@ -35,19 +35,19 @@ export const walletconnect = new WalletConnectConnector({
  rpc: { 1: NETWORK_URL },
  bridge: 'https://bridge.walletconnect.org',
  qrcode: true,
-  pollingInterval: 15000,
+  pollingInterval: 15000
 })

 // mainnet only
 export const fortmatic = new FortmaticConnector({
  apiKey: FORMATIC_KEY ?? '',
-  chainId: 1,
+  chainId: 1
 })

 // mainnet only
 export const portis = new PortisConnector({
  dAppId: PORTIS_ID ?? '',
-  networks: [1],
+  networks: [1]
 })

 // mainnet only
@ -55,5 +55,5 @@ export const walletlink = new WalletLinkConnector({
  url: NETWORK_URL,
  appName: 'Uniswap',
  appLogoUrl:
-    'https://mpng.pngfly.com/20181202/bex/kisspng-emoji-domain-unicorn-pin-badges-sticker-unicorn-tumblr-emoji-unicorn-iphoneemoji-5c046729264a77.5671679315437924251569.jpg',
+    'https://mpng.pngfly.com/20181202/bex/kisspng-emoji-domain-unicorn-pin-badges-sticker-unicorn-tumblr-emoji-unicorn-iphoneemoji-5c046729264a77.5671679315437924251569.jpg'
 })
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@ -37,18 +37,18 @@ export const UNI: { [chainId in ChainId]: Token } = {
  [ChainId.RINKEBY]: new Token(ChainId.RINKEBY, UNI_ADDRESS, 18, 'UNI', 'Uniswap'),
  [ChainId.ROPSTEN]: new Token(ChainId.ROPSTEN, UNI_ADDRESS, 18, 'UNI', 'Uniswap'),
  [ChainId.GÖRLI]: new Token(ChainId.GÖRLI, UNI_ADDRESS, 18, 'UNI', 'Uniswap'),
-  [ChainId.KOVAN]: new Token(ChainId.KOVAN, UNI_ADDRESS, 18, 'UNI', 'Uniswap'),
+  [ChainId.KOVAN]: new Token(ChainId.KOVAN, UNI_ADDRESS, 18, 'UNI', 'Uniswap')
 }

 export const COMMON_CONTRACT_NAMES: { [address: string]: string } = {
  [UNI_ADDRESS]: 'UNI',
  [GOVERNANCE_ADDRESS]: 'Governance',
-  [TIMELOCK_ADDRESS]: 'Timelock',
+  [TIMELOCK_ADDRESS]: 'Timelock'
 }

 // TODO: specify merkle distributor for mainnet
 export const MERKLE_DISTRIBUTOR_ADDRESS: { [chainId in ChainId]?: string } = {
-  [ChainId.MAINNET]: '0x090D4613473dEE047c3f2706764f49E0821D256e',
+  [ChainId.MAINNET]: '0x090D4613473dEE047c3f2706764f49E0821D256e'
 }

 const WETH_ONLY: ChainTokenList = {
@ -56,13 +56,13 @@ const WETH_ONLY: ChainTokenList = {
  [ChainId.ROPSTEN]: [WETH[ChainId.ROPSTEN]],
  [ChainId.RINKEBY]: [WETH[ChainId.RINKEBY]],
  [ChainId.GÖRLI]: [WETH[ChainId.GÖRLI]],
-  [ChainId.KOVAN]: [WETH[ChainId.KOVAN]],
+  [ChainId.KOVAN]: [WETH[ChainId.KOVAN]]
 }

 // used to construct intermediary pairs for trading
 export const BASES_TO_CHECK_TRADES_AGAINST: ChainTokenList = {
  ...WETH_ONLY,
-  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, COMP, MKR, WBTC],
+  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, COMP, MKR, WBTC]
 }

 /**
@ -71,31 +71,31 @@ export const BASES_TO_CHECK_TRADES_AGAINST: ChainTokenList = {
 */
 export const CUSTOM_BASES: { [chainId in ChainId]?: { [tokenAddress: string]: Token[] } } = {
  [ChainId.MAINNET]: {
-    [AMPL.address]: [DAI, WETH[ChainId.MAINNET]],
-  },
+    [AMPL.address]: [DAI, WETH[ChainId.MAINNET]]
+  }
 }

 // used for display in the default list when adding liquidity
 export const SUGGESTED_BASES: ChainTokenList = {
  ...WETH_ONLY,
-  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, WBTC],
+  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, WBTC]
 }

 // used to construct the list of all pairs we consider by default in the frontend
 export const BASES_TO_TRACK_LIQUIDITY_FOR: ChainTokenList = {
  ...WETH_ONLY,
-  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, WBTC],
+  [ChainId.MAINNET]: [...WETH_ONLY[ChainId.MAINNET], DAI, USDC, USDT, WBTC]
 }

 export const PINNED_PAIRS: { readonly [chainId in ChainId]?: [Token, Token][] } = {
  [ChainId.MAINNET]: [
    [
      new Token(ChainId.MAINNET, '0x5d3a536E4D6DbD6114cc1Ead35777bAB948E3643', 8, 'cDAI', 'Compound Dai'),
-      new Token(ChainId.MAINNET, '0x39AA39c021dfbaE8faC545936693aC917d5E7563', 8, 'cUSDC', 'Compound USD Coin'),
+      new Token(ChainId.MAINNET, '0x39AA39c021dfbaE8faC545936693aC917d5E7563', 8, 'cUSDC', 'Compound USD Coin')
    ],
    [USDC, USDT],
-    [DAI, USDT],
-  ],
+    [DAI, USDT]
+  ]
 }

 export interface WalletInfo {
@ -118,7 +118,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    description: 'Injected web3 provider.',
    href: null,
    color: '#010101',
-    primary: true,
+    primary: true
  },
  METAMASK: {
    connector: injected,
@ -126,7 +126,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    iconName: 'metamask.png',
    description: 'Easy-to-use browser extension.',
    href: null,
-    color: '#E8831D',
+    color: '#E8831D'
  },
  WALLET_CONNECT: {
    connector: walletconnect,
@ -135,7 +135,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    description: 'Connect to Trust Wallet, Rainbow Wallet and more...',
    href: null,
    color: '#4196FC',
-    mobile: true,
+    mobile: true
  },
  WALLET_LINK: {
    connector: walletlink,
@ -143,7 +143,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    iconName: 'coinbaseWalletIcon.svg',
    description: 'Use Coinbase Wallet app on mobile device',
    href: null,
-    color: '#315CF5',
+    color: '#315CF5'
  },
  COINBASE_LINK: {
    name: 'Open in Coinbase Wallet',
@ -152,7 +152,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    href: 'https://go.cb-w.com/mtUDhEZPy1',
    color: '#315CF5',
    mobile: true,
-    mobileOnly: true,
+    mobileOnly: true
  },
  FORTMATIC: {
    connector: fortmatic,
@ -161,7 +161,7 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    description: 'Login using Fortmatic hosted wallet',
    href: null,
    color: '#6748FF',
-    mobile: true,
+    mobile: true
  },
  Portis: {
    connector: portis,
@ -170,8 +170,8 @@ export const SUPPORTED_WALLETS: { [key: string]: WalletInfo } = {
    description: 'Login using Portis hosted wallet',
    href: null,
    color: '#4A6C9B',
-    mobile: true,
-  },
+    mobile: true
+  }
 }

 export const NetworkContextName = 'NETWORK'
@ -210,5 +210,5 @@ export const BLOCKED_ADDRESSES: string[] = [
  '0x7F367cC41522cE07553e823bf3be79A889DEbe1B',
  '0xd882cFc20F52f2599D84b8e8D58C7FB62cfE344b',
  '0x901bb9583b24D97e995513C6778dc6888AB6870e',
-  '0xA7e5d5A720f06526557c513402f2e6B5fA20b008',
+  '0xA7e5d5A720f06526557c513402f2e6B5fA20b008'
 ]
--- a/src/constants/lists.ts
+++ b/src/constants/lists.ts
@ -33,7 +33,7 @@ export const DEFAULT_LIST_OF_LISTS: string[] = [
  CMC_STABLECOIN,
  KLEROS_LIST,
  GEMINI_LIST,
-  ...UNSUPPORTED_LIST_URLS, // need to load unsupported tokens as well
+  ...UNSUPPORTED_LIST_URLS // need to load unsupported tokens as well
 ]

 // default lists to be 'active' aka searched across
--- a/src/constants/multicall/index.ts
+++ b/src/constants/multicall/index.ts
@ -6,7 +6,7 @@ const MULTICALL_NETWORKS: { [chainId in ChainId]: string } = {
  [ChainId.ROPSTEN]: '0x53C43764255c17BD724F74c4eF150724AC50a3ed',
  [ChainId.KOVAN]: '0x2cc8688C5f75E365aaEEb4ea8D6a480405A48D2A',
  [ChainId.RINKEBY]: '0x42Ad527de7d4e9d9d011aC45B31D8551f8Fe9821',
-  [ChainId.GÖRLI]: '0x77dCa2C955b15e9dE4dbBCf1246B4B85b651e50e',
+  [ChainId.GÖRLI]: '0x77dCa2C955b15e9dE4dbBCf1246B4B85b651e50e'
 }

 export { MULTICALL_ABI, MULTICALL_NETWORKS }
--- a/src/constants/v1/index.ts
+++ b/src/constants/v1/index.ts
@ -8,7 +8,7 @@ const V1_FACTORY_ADDRESSES: { [chainId in ChainId]: string } = {
  [ChainId.ROPSTEN]: '0x9c83dCE8CA20E9aAF9D3efc003b2ea62aBC08351',
  [ChainId.RINKEBY]: '0xf5D915570BC477f9B8D6C0E980aA81757A3AaC36',
  [ChainId.GÖRLI]: '0x6Ce570d02D73d4c384b46135E87f8C592A8c86dA',
-  [ChainId.KOVAN]: '0xD3E51Ef092B2845f10401a0159B2B96e8B6c3D30',
+  [ChainId.KOVAN]: '0xD3E51Ef092B2845f10401a0159B2B96e8B6c3D30'
 }

 const V1_FACTORY_INTERFACE = new Interface(V1_FACTORY_ABI)
--- a/src/data/Allowances.ts
+++ b/src/data/Allowances.ts
@ -12,6 +12,6 @@ export function useTokenAllowance(token?: Token, owner?: string, spender?: strin

  return useMemo(() => (token && allowance ? new TokenAmount(token, allowance.toString()) : undefined), [
    token,
-    allowance,
+    allowance
  ])
 }
--- a/src/data/Reserves.ts
+++ b/src/data/Reserves.ts
@ -13,7 +13,7 @@ export enum PairState {
  LOADING,
  NOT_EXISTS,
  EXISTS,
-  INVALID,
+  INVALID
 }

 export function usePairs(currencies: [Currency | undefined, Currency | undefined][]): [PairState, Pair | null][] {
@ -23,7 +23,7 @@ export function usePairs(currencies: [Currency | undefined, Currency | undefined
    () =>
      currencies.map(([currencyA, currencyB]) => [
        wrappedCurrency(currencyA, chainId),
-        wrappedCurrency(currencyB, chainId),
+        wrappedCurrency(currencyB, chainId)
      ]),
    [chainId, currencies]
  )
@ -51,7 +51,7 @@ export function usePairs(currencies: [Currency | undefined, Currency | undefined
      const [token0, token1] = tokenA.sortsBefore(tokenB) ? [tokenA, tokenB] : [tokenB, tokenA]
      return [
        PairState.EXISTS,
-        new Pair(new TokenAmount(token0, reserve0.toString()), new TokenAmount(token1, reserve1.toString())),
+        new Pair(new TokenAmount(token0, reserve0.toString()), new TokenAmount(token1, reserve1.toString()))
      ]
    })
  }, [results, tokens])
--- a/src/data/V1.ts
+++ b/src/data/V1.ts
@ -11,7 +11,7 @@ import {
  TokenAmount,
  Trade,
  TradeType,
-  WETH,
+  WETH
 } from '@uniswap/sdk'
 import { useMemo } from 'react'
 import { useActiveWeb3React } from '../hooks'
@ -53,7 +53,7 @@ function useMockV1Pair(inputCurrency?: Currency): MockV1Pair | undefined {
 export function useAllTokenV1Exchanges(): { [exchangeAddress: string]: Token } {
  const allTokens = useAllTokens()
  const factory = useV1FactoryContract()
-  const args = useMemo(() => Object.keys(allTokens).map((tokenAddress) => [tokenAddress]), [allTokens])
+  const args = useMemo(() => Object.keys(allTokens).map(tokenAddress => [tokenAddress]), [allTokens])

  const data = useSingleContractMultipleData(factory, 'getExchange', args, NEVER_RELOAD)

@ -77,7 +77,7 @@ export function useUserHasLiquidityInAllTokens(): boolean | undefined {

  const v1ExchangeLiquidityTokens = useMemo(
    () =>
-      chainId ? Object.keys(exchanges).map((address) => new Token(chainId, address, 18, 'UNI-V1', 'Uniswap V1')) : [],
+      chainId ? Object.keys(exchanges).map(address => new Token(chainId, address, 18, 'UNI-V1', 'Uniswap V1')) : [],
    [chainId, exchanges]
  )

@ -85,7 +85,7 @@ export function useUserHasLiquidityInAllTokens(): boolean | undefined {

  return useMemo(
    () =>
-      Object.keys(balances).some((tokenAddress) => {
+      Object.keys(balances).some(tokenAddress => {
        const b = balances[tokenAddress]?.raw
        return b && JSBI.greaterThan(b, JSBI.BigInt(0))
      }),
@ -135,7 +135,7 @@ export function useV1Trade(
 }

 export function getTradeVersion(trade?: Trade): Version | undefined {
-  const isV1 = trade?.route?.pairs?.some((pair) => pair instanceof MockV1Pair)
+  const isV1 = trade?.route?.pairs?.some(pair => pair instanceof MockV1Pair)
  if (isV1) return Version.v1
  if (isV1 === false) return Version.v2
  return undefined
--- a/src/hooks/Tokens.ts
+++ b/src/hooks/Tokens.ts
@ -113,7 +113,7 @@ export function useIsUserAddedToken(currency: Currency | undefined | null): bool
    return false
  }

-  return !!userAddedTokens.find((token) => currencyEquals(currency, token))
+  return !!userAddedTokens.find(token => currencyEquals(currency, token))
 }

 // parse a name or symbol from a token response
@ -177,7 +177,7 @@ export function useToken(tokenAddress?: string): Token | undefined | null {
    token,
    tokenName.loading,
    tokenName.result,
-    tokenNameBytes32.result,
+    tokenNameBytes32.result
  ])
 }

--- a/src/hooks/Trades.ts
+++ b/src/hooks/Trades.ts
@ -22,7 +22,7 @@ function useAllCommonPairs(currencyA?: Currency, currencyB?: Currency): Pair[] {

  const basePairs: [Token, Token][] = useMemo(
    () =>
-      flatMap(bases, (base): [Token, Token][] => bases.map((otherBase) => [base, otherBase])).filter(
+      flatMap(bases, (base): [Token, Token][] => bases.map(otherBase => [base, otherBase])).filter(
        ([t0, t1]) => t0.address !== t1.address
      ),
    [bases]
@ -39,7 +39,7 @@ function useAllCommonPairs(currencyA?: Currency, currencyB?: Currency): Pair[] {
            // token B against all bases
            ...bases.map((base): [Token, Token] => [tokenB, base]),
            // each base against all bases
-            ...basePairs,
+            ...basePairs
          ]
            .filter((tokens): tokens is [Token, Token] => Boolean(tokens[0] && tokens[1]))
            .filter(([t0, t1]) => t0.address !== t1.address)
@ -53,8 +53,8 @@ function useAllCommonPairs(currencyA?: Currency, currencyB?: Currency): Pair[] {

              if (!customBasesA && !customBasesB) return true

-              if (customBasesA && !customBasesA.find((base) => tokenB.equals(base))) return false
-              if (customBasesB && !customBasesB.find((base) => tokenA.equals(base))) return false
+              if (customBasesA && !customBasesA.find(base => tokenB.equals(base))) return false
+              if (customBasesB && !customBasesB.find(base => tokenA.equals(base))) return false

              return true
            })
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@ -18,7 +18,7 @@ export function useEagerConnect() {
  const [tried, setTried] = useState(false)

  useEffect(() => {
-    injected.isAuthorized().then((isAuthorized) => {
+    injected.isAuthorized().then(isAuthorized => {
      if (isAuthorized) {
        activate(injected, undefined, true).catch(() => {
          setTried(true)
@ -58,7 +58,7 @@ export function useInactiveListener(suppress = false) {
    if (ethereum && ethereum.on && !active && !error && !suppress) {
      const handleChainChanged = () => {
        // eat errors
-        activate(injected, undefined, true).catch((error) => {
+        activate(injected, undefined, true).catch(error => {
          console.error('Failed to activate after chain changed', error)
        })
      }
@ -66,7 +66,7 @@ export function useInactiveListener(suppress = false) {
      const handleAccountsChanged = (accounts: string[]) => {
        if (accounts.length > 0) {
          // eat errors
-          activate(injected, undefined, true).catch((error) => {
+          activate(injected, undefined, true).catch(error => {
            console.error('Failed to activate after accounts changed', error)
          })
        }
--- a/src/hooks/useAddTokenToMetamask.ts
+++ b/src/hooks/useAddTokenToMetamask.ts
@ -26,11 +26,11 @@ export default function useAddTokenToMetamask(
              address: token.address,
              symbol: token.symbol,
              decimals: token.decimals,
-              image: getTokenLogoURL(token.address),
-            },
-          },
+              image: getTokenLogoURL(token.address)
+            }
+          }
        })
-        .then((success) => {
+        .then(success => {
          setSuccess(success)
        })
        .catch(() => setSuccess(false))
--- a/src/hooks/useApproveCallback.ts
+++ b/src/hooks/useApproveCallback.ts
@ -17,7 +17,7 @@ export enum ApprovalState {
  UNKNOWN,
  NOT_APPROVED,
  PENDING,
-  APPROVED,
+  APPROVED
 }

 // returns a variable indicating the state of the approval and a function which approves if necessary or early returns
@ -82,12 +82,12 @@ export function useApproveCallback(

    return tokenContract
      .approve(spender, useExact ? amountToApprove.raw.toString() : MaxUint256, {
-        gasLimit: calculateGasMargin(estimatedGas),
+        gasLimit: calculateGasMargin(estimatedGas)
      })
      .then((response: TransactionResponse) => {
        addTransaction(response, {
          summary: 'Approve ' + amountToApprove.currency.symbol,
-          approval: { tokenAddress: token.address, spender: spender },
+          approval: { tokenAddress: token.address, spender: spender }
        })
      })
      .catch((error: Error) => {
--- a/src/hooks/useColor.ts
+++ b/src/hooks/useColor.ts
@ -14,7 +14,7 @@ async function getColorFromToken(token: Token): Promise<string | null> {

  return Vibrant.from(path)
    .getPalette()
-    .then((palette) => {
+    .then(palette => {
      if (palette?.Vibrant) {
        let detectedHex = palette.Vibrant.hex
        let AAscore = hex(detectedHex, '#FFF')
@ -34,7 +34,7 @@ async function getColorFromUriPath(uri: string): Promise<string | null> {

  return Vibrant.from(formattedPath)
    .getPalette()
-    .then((palette) => {
+    .then(palette => {
      if (palette?.Vibrant) {
        return palette.Vibrant.hex
      }
@ -50,7 +50,7 @@ export function useColor(token?: Token) {
    let stale = false

    if (token) {
-      getColorFromToken(token).then((tokenColor) => {
+      getColorFromToken(token).then(tokenColor => {
        if (!stale && tokenColor !== null) {
          setColor(tokenColor)
        }
@ -73,7 +73,7 @@ export function useListColor(listImageUri?: string) {
    let stale = false

    if (listImageUri) {
-      getColorFromUriPath(listImageUri).then((color) => {
+      getColorFromUriPath(listImageUri).then(color => {
        if (!stale && color !== null) {
          setColor(color)
        }
--- a/src/hooks/useContract.ts
+++ b/src/hooks/useContract.ts
@ -9,7 +9,7 @@ import { useMemo } from 'react'
 import { GOVERNANCE_ADDRESS, MERKLE_DISTRIBUTOR_ADDRESS, UNI } from '../constants'
 import {
  ARGENT_WALLET_DETECTOR_ABI,
-  ARGENT_WALLET_DETECTOR_MAINNET_ADDRESS,
+  ARGENT_WALLET_DETECTOR_MAINNET_ADDRESS
 } from '../constants/abis/argent-wallet-detector'
 import ENS_PUBLIC_RESOLVER_ABI from '../constants/abis/ens-public-resolver.json'
 import ENS_ABI from '../constants/abis/ens-registrar.json'
--- a/src/hooks/useCopyClipboard.ts
+++ b/src/hooks/useCopyClipboard.ts
@ -4,7 +4,7 @@ import { useCallback, useEffect, useState } from 'react'
 export default function useCopyClipboard(timeout = 500): [boolean, (toCopy: string) => void] {
  const [isCopied, setIsCopied] = useState(false)

-  const staticCopy = useCallback((text) => {
+  const staticCopy = useCallback(text => {
    const didCopy = copy(text)
    setIsCopied(didCopy)
  }, [])
--- a/src/hooks/useENS.ts
+++ b/src/hooks/useENS.ts
@ -16,6 +16,6 @@ export default function useENS(
  return {
    loading: reverseLookup.loading || lookup.loading,
    address: validated ? validated : lookup.address,
-    name: reverseLookup.ENSName ? reverseLookup.ENSName : !validated && lookup.address ? nameOrAddress || null : null,
+    name: reverseLookup.ENSName ? reverseLookup.ENSName : !validated && lookup.address ? nameOrAddress || null : null
  }
 }
--- a/src/hooks/useENSAddress.ts
+++ b/src/hooks/useENSAddress.ts
@ -30,6 +30,6 @@ export default function useENSAddress(ensName?: string | null): { loading: boole
  const changed = debouncedName !== ensName
  return {
    address: changed ? null : addr.result?.[0] ?? null,
-    loading: changed || resolverAddress.loading || addr.loading,
+    loading: changed || resolverAddress.loading || addr.loading
  }
 }
--- a/src/hooks/useENSContentHash.ts
+++ b/src/hooks/useENSContentHash.ts
@ -27,6 +27,6 @@ export default function useENSContentHash(ensName?: string | null): { loading: b

  return {
    contenthash: contenthash.result?.[0] ?? null,
-    loading: resolverAddressResult.loading || contenthash.loading,
+    loading: resolverAddressResult.loading || contenthash.loading
  }
 }
--- a/src/hooks/useENSName.ts
+++ b/src/hooks/useENSName.ts
@ -32,6 +32,6 @@ export default function useENSName(address?: string): { ENSName: string | null;
  const changed = debouncedAddress !== address
  return {
    ENSName: changed ? null : name.result?.[0] ?? null,
-    loading: changed || resolverAddress.loading || name.loading,
+    loading: changed || resolverAddress.loading || name.loading
  }
 }
--- a/src/hooks/useFetchListCallback.ts
+++ b/src/hooks/useFetchListCallback.ts
@ -36,11 +36,11 @@ export function useFetchListCallback(): (listUrl: string, sendDispatch?: boolean
      const requestId = nanoid()
      sendDispatch && dispatch(fetchTokenList.pending({ requestId, url: listUrl }))
      return getTokenList(listUrl, ensResolver)
-        .then((tokenList) => {
+        .then(tokenList => {
          sendDispatch && dispatch(fetchTokenList.fulfilled({ url: listUrl, tokenList, requestId }))
          return tokenList
        })
-        .catch((error) => {
+        .catch(error => {
          console.debug(`Failed to get list at url ${listUrl}`, error)
          sendDispatch && dispatch(fetchTokenList.rejected({ url: listUrl, requestId, errorMessage: error.message }))
          throw error
--- a/src/hooks/useLast.ts
+++ b/src/hooks/useLast.ts
@ -11,7 +11,7 @@ export default function useLast<T>(
 ): T | null | undefined {
  const [last, setLast] = useState<T | null | undefined>(filterFn && filterFn(value) ? value : undefined)
  useEffect(() => {
-    setLast((last) => {
+    setLast(last => {
      const shouldUse: boolean = filterFn ? filterFn(value) : true
      if (shouldUse) return value
      return last
--- a/src/hooks/useSwapCallback.ts
+++ b/src/hooks/useSwapCallback.ts
@ -17,7 +17,7 @@ import { Version } from './useToggledVersion'
 export enum SwapCallbackState {
  INVALID,
  LOADING,
-  VALID,
+  VALID
 }

 interface SwapCall {
@ -75,7 +75,7 @@ function useSwapCallArguments(
            feeOnTransfer: false,
            allowedSlippage: new Percent(JSBI.BigInt(allowedSlippage), BIPS_BASE),
            recipient,
-            deadline: deadline.toNumber(),
+            deadline: deadline.toNumber()
          })
        )

@ -85,7 +85,7 @@ function useSwapCallArguments(
              feeOnTransfer: true,
              allowedSlippage: new Percent(JSBI.BigInt(allowedSlippage), BIPS_BASE),
              recipient,
-              deadline: deadline.toNumber(),
+              deadline: deadline.toNumber()
            })
          )
        }
@ -95,12 +95,12 @@ function useSwapCallArguments(
          v1SwapArguments(trade, {
            allowedSlippage: new Percent(JSBI.BigInt(allowedSlippage), BIPS_BASE),
            recipient,
-            deadline: deadline.toNumber(),
+            deadline: deadline.toNumber()
          })
        )
        break
    }
-    return swapMethods.map((parameters) => ({ parameters, contract }))
+    return swapMethods.map(parameters => ({ parameters, contract }))
  }, [account, allowedSlippage, chainId, deadline, library, recipient, trade, v1Exchange])
 }

@ -138,29 +138,29 @@ export function useSwapCallback(
      state: SwapCallbackState.VALID,
      callback: async function onSwap(): Promise<string> {
        const estimatedCalls: EstimatedSwapCall[] = await Promise.all(
-          swapCalls.map((call) => {
+          swapCalls.map(call => {
            const {
              parameters: { methodName, args, value },
-              contract,
+              contract
            } = call
            const options = !value || isZero(value) ? {} : { value }

            return contract.estimateGas[methodName](...args, options)
-              .then((gasEstimate) => {
+              .then(gasEstimate => {
                return {
                  call,
-                  gasEstimate,
+                  gasEstimate
                }
              })
-              .catch((gasError) => {
+              .catch(gasError => {
                console.debug('Gas estimate failed, trying eth_call to extract error', call)

                return contract.callStatic[methodName](...args, options)
-                  .then((result) => {
+                  .then(result => {
                    console.debug('Unexpected successful call after failed estimate gas', call, gasError, result)
                    return { call, error: new Error('Unexpected issue with estimating the gas. Please try again.') }
                  })
-                  .catch((callError) => {
+                  .catch(callError => {
                    console.debug('Call threw error', call, callError)
                    let errorMessage: string
                    switch (callError.reason) {
@ -193,14 +193,14 @@ export function useSwapCallback(
        const {
          call: {
            contract,
-            parameters: { methodName, args, value },
+            parameters: { methodName, args, value }
          },
-          gasEstimate,
+          gasEstimate
        } = successfulEstimation

        return contract[methodName](...args, {
          gasLimit: calculateGasMargin(gasEstimate),
-          ...(value && !isZero(value) ? { value, from: account } : { from: account }),
+          ...(value && !isZero(value) ? { value, from: account } : { from: account })
        })
          .then((response: any) => {
            const inputSymbol = trade.inputAmount.currency.symbol
@ -222,7 +222,7 @@ export function useSwapCallback(
              tradeVersion === Version.v2 ? withRecipient : `${withRecipient} on ${(tradeVersion as any).toUpperCase()}`

            addTransaction(response, {
-              summary: withVersion,
+              summary: withVersion
            })

            return response.hash
@ -238,7 +238,7 @@ export function useSwapCallback(
            }
          })
      },
-      error: null,
+      error: null
    }
  }, [trade, library, account, chainId, recipient, recipientAddressOrName, swapCalls, addTransaction])
 }
--- a/src/hooks/useToggle.ts
+++ b/src/hooks/useToggle.ts
@ -2,6 +2,6 @@ import { useCallback, useState } from 'react'

 export default function useToggle(initialState = false): [boolean, () => void] {
  const [state, setState] = useState(initialState)
-  const toggle = useCallback(() => setState((state) => !state), [])
+  const toggle = useCallback(() => setState(state => !state), [])
  return [state, toggle]
 }
--- a/src/hooks/useToggledVersion.ts
+++ b/src/hooks/useToggledVersion.ts
@ -2,7 +2,7 @@ import useParsedQueryString from './useParsedQueryString'

 export enum Version {
  v1 = 'v1',
-  v2 = 'v2',
+  v2 = 'v2'
 }

 export const DEFAULT_VERSION: Version = Version.v2
--- a/src/hooks/useTransactionDeadline.ts
+++ b/src/hooks/useTransactionDeadline.ts
@ -6,7 +6,7 @@ import useCurrentBlockTimestamp from './useCurrentBlockTimestamp'

 // combines the block timestamp with the user setting to give the deadline that should be used for any submitted transaction
 export default function useTransactionDeadline(): BigNumber | undefined {
-  const ttl = useSelector<AppState, number>((state) => state.user.userDeadline)
+  const ttl = useSelector<AppState, number>(state => state.user.userDeadline)
  const blockTimestamp = useCurrentBlockTimestamp()
  return useMemo(() => {
    if (blockTimestamp && ttl) return blockTimestamp.add(ttl)
--- a/src/hooks/useWindowSize.ts
+++ b/src/hooks/useWindowSize.ts
@ -5,7 +5,7 @@ const isClient = typeof window === 'object'
 function getSize() {
  return {
    width: isClient ? window.innerWidth : undefined,
-    height: isClient ? window.innerHeight : undefined,
+    height: isClient ? window.innerHeight : undefined
  }
 }

--- a/src/hooks/useWrapCallback.ts
+++ b/src/hooks/useWrapCallback.ts
@ -9,7 +9,7 @@ import { useWETHContract } from './useContract'
 export enum WrapType {
  NOT_APPLICABLE,
  WRAP,
-  UNWRAP,
+  UNWRAP
 }

 const NOT_APPLICABLE = { wrapType: WrapType.NOT_APPLICABLE }
@ -50,7 +50,7 @@ export default function useWrapCallback(
                }
              }
            : undefined,
-        inputError: sufficientBalance ? undefined : 'Insufficient ETH balance',
+        inputError: sufficientBalance ? undefined : 'Insufficient ETH balance'
      }
    } else if (currencyEquals(WETH[chainId], inputCurrency) && outputCurrency === ETHER) {
      return {
@ -66,7 +66,7 @@ export default function useWrapCallback(
                }
              }
            : undefined,
-        inputError: sufficientBalance ? undefined : 'Insufficient WETH balance',
+        inputError: sufficientBalance ? undefined : 'Insufficient WETH balance'
      }
    } else {
      return NOT_APPLICABLE
--- a/src/i18n.ts
+++ b/src/i18n.ts
@ -9,15 +9,15 @@ i18next
  .use(initReactI18next)
  .init({
    backend: {
-      loadPath: `./locales/{{lng}}.json`,
+      loadPath: `./locales/{{lng}}.json`
    },
    react: {
-      useSuspense: true,
+      useSuspense: true
    },
    fallbackLng: 'en',
    preload: ['en'],
    keySeparator: false,
-    interpolation: { escapeValue: false },
+    interpolation: { escapeValue: false }
  })

 export default i18next
--- a/src/index.tsx
+++ b/src/index.tsx
@ -29,20 +29,16 @@ const GOOGLE_ANALYTICS_ID: string | undefined = process.env.REACT_APP_GOOGLE_ANA
 if (typeof GOOGLE_ANALYTICS_ID === 'string') {
  ReactGA.initialize(GOOGLE_ANALYTICS_ID)
  ReactGA.set({
-    customBrowserType: !isMobile
-      ? 'desktop'
-      : 'web3' in window || 'ethereum' in window
-      ? 'mobileWeb3'
-      : 'mobileRegular',
+    customBrowserType: !isMobile ? 'desktop' : 'web3' in window || 'ethereum' in window ? 'mobileWeb3' : 'mobileRegular'
  })
 } else {
  ReactGA.initialize('test', { testMode: true, debug: true })
 }

-window.addEventListener('error', (error) => {
+window.addEventListener('error', error => {
  ReactGA.exception({
    description: `${error.message} @ ${error.filename}:${error.lineno}:${error.colno}`,
-    fatal: true,
+    fatal: true
  })
 })

--- a/src/pages/AddLiquidity/ConfirmAddModalBottom.tsx
+++ b/src/pages/AddLiquidity/ConfirmAddModalBottom.tsx
@ -13,7 +13,7 @@ export function ConfirmAddModalBottom({
  currencies,
  parsedAmounts,
  poolTokenPercentage,
-  onAdd,
+  onAdd
 }: {
  noLiquidity?: boolean
  price?: Fraction
--- a/src/pages/AddLiquidity/PoolPriceBar.tsx
+++ b/src/pages/AddLiquidity/PoolPriceBar.tsx
@ -12,7 +12,7 @@ export function PoolPriceBar({
  currencies,
  noLiquidity,
  poolTokenPercentage,
-  price,
+  price
 }: {
  currencies: { [field in Field]?: Currency }
  noLiquidity?: boolean
--- a/src/pages/AddLiquidity/index.tsx
+++ b/src/pages/AddLiquidity/index.tsx
@ -43,9 +43,9 @@ import UnsupportedCurrencyFooter from 'components/swap/UnsupportedCurrencyFooter

 export default function AddLiquidity({
  match: {
-    params: { currencyIdA, currencyIdB },
+    params: { currencyIdA, currencyIdB }
  },
-  history,
+  history
 }: RouteComponentProps<{ currencyIdA?: string; currencyIdB?: string }>) {
  const { account, chainId, library } = useActiveWeb3React()
  const theme = useContext(ThemeContext)
@ -76,7 +76,7 @@ export default function AddLiquidity({
    noLiquidity,
    liquidityMinted,
    poolTokenPercentage,
-    error,
+    error
  } = useDerivedMintInfo(currencyA ?? undefined, currencyB ?? undefined)

  const { onFieldAInput, onFieldBInput } = useMintActionHandlers(noLiquidity)
@ -95,7 +95,7 @@ export default function AddLiquidity({
  // get formatted amounts
  const formattedAmounts = {
    [independentField]: typedValue,
-    [dependentField]: noLiquidity ? otherTypedValue : parsedAmounts[dependentField]?.toSignificant(6) ?? '',
+    [dependentField]: noLiquidity ? otherTypedValue : parsedAmounts[dependentField]?.toSignificant(6) ?? ''
  }

  // get the max amounts user can add
@ -103,7 +103,7 @@ export default function AddLiquidity({
    (accumulator, field) => {
      return {
        ...accumulator,
-        [field]: maxAmountSpend(currencyBalances[field]),
+        [field]: maxAmountSpend(currencyBalances[field])
      }
    },
    {}
@ -113,7 +113,7 @@ export default function AddLiquidity({
    (accumulator, field) => {
      return {
        ...accumulator,
-        [field]: maxAmounts[field]?.equalTo(parsedAmounts[field] ?? '0'),
+        [field]: maxAmounts[field]?.equalTo(parsedAmounts[field] ?? '0')
      }
    },
    {}
@ -136,7 +136,7 @@ export default function AddLiquidity({

    const amountsMin = {
      [Field.CURRENCY_A]: calculateSlippageAmount(parsedAmountA, noLiquidity ? 0 : allowedSlippage)[0],
-      [Field.CURRENCY_B]: calculateSlippageAmount(parsedAmountB, noLiquidity ? 0 : allowedSlippage)[0],
+      [Field.CURRENCY_B]: calculateSlippageAmount(parsedAmountB, noLiquidity ? 0 : allowedSlippage)[0]
    }

    let estimate,
@ -153,7 +153,7 @@ export default function AddLiquidity({
        amountsMin[tokenBIsETH ? Field.CURRENCY_A : Field.CURRENCY_B].toString(), // token min
        amountsMin[tokenBIsETH ? Field.CURRENCY_B : Field.CURRENCY_A].toString(), // eth min
        account,
-        deadline.toHexString(),
+        deadline.toHexString()
      ]
      value = BigNumber.from((tokenBIsETH ? parsedAmountB : parsedAmountA).raw.toString())
    } else {
@ -167,18 +167,18 @@ export default function AddLiquidity({
        amountsMin[Field.CURRENCY_A].toString(),
        amountsMin[Field.CURRENCY_B].toString(),
        account,
-        deadline.toHexString(),
+        deadline.toHexString()
      ]
      value = null
    }

    setAttemptingTxn(true)
    await estimate(...args, value ? { value } : {})
-      .then((estimatedGasLimit) =>
+      .then(estimatedGasLimit =>
        method(...args, {
          ...(value ? { value } : {}),
-          gasLimit: calculateGasMargin(estimatedGasLimit),
-        }).then((response) => {
+          gasLimit: calculateGasMargin(estimatedGasLimit)
+        }).then(response => {
          setAttemptingTxn(false)

          addTransaction(response, {
@ -190,7 +190,7 @@ export default function AddLiquidity({
              ' and ' +
              parsedAmounts[Field.CURRENCY_B]?.toSignificant(3) +
              ' ' +
-              currencies[Field.CURRENCY_B]?.symbol,
+              currencies[Field.CURRENCY_B]?.symbol
          })

          setTxHash(response.hash)
@ -198,11 +198,11 @@ export default function AddLiquidity({
          ReactGA.event({
            category: 'Liquidity',
            action: 'Add',
-            label: [currencies[Field.CURRENCY_A]?.symbol, currencies[Field.CURRENCY_B]?.symbol].join('/'),
+            label: [currencies[Field.CURRENCY_A]?.symbol, currencies[Field.CURRENCY_B]?.symbol].join('/')
          })
        })
      )
-      .catch((error) => {
+      .catch(error => {
        setAttemptingTxn(false)
        // we only care if the error is something _other_ than the user rejected the tx
        if (error?.code !== 4001) {
@ -245,9 +245,8 @@ export default function AddLiquidity({
          </Text>
        </Row>
        <TYPE.italic fontSize={12} textAlign="left" padding={'8px 0 0 0 '}>
-          {`Output is estimated. If the price changes by more than ${
-            allowedSlippage / 100
-          }% your transaction will revert.`}
+          {`Output is estimated. If the price changes by more than ${allowedSlippage /
+            100}% your transaction will revert.`}
        </TYPE.italic>
      </AutoColumn>
    )
--- a/src/pages/AddLiquidity/redirects.tsx
+++ b/src/pages/AddLiquidity/redirects.tsx
@ -10,8 +10,8 @@ const OLD_PATH_STRUCTURE = /^(0x[a-fA-F0-9]{40})-(0x[a-fA-F0-9]{40})$/
 export function RedirectOldAddLiquidityPathStructure(props: RouteComponentProps<{ currencyIdA: string }>) {
  const {
    match: {
-      params: { currencyIdA },
-    },
+      params: { currencyIdA }
+    }
  } = props
  const match = currencyIdA.match(OLD_PATH_STRUCTURE)
  if (match?.length) {
@ -24,8 +24,8 @@ export function RedirectOldAddLiquidityPathStructure(props: RouteComponentProps<
 export function RedirectDuplicateTokenIds(props: RouteComponentProps<{ currencyIdA: string; currencyIdB: string }>) {
  const {
    match: {
-      params: { currencyIdA, currencyIdB },
-    },
+      params: { currencyIdA, currencyIdB }
+    }
  } = props
  if (currencyIdA.toLowerCase() === currencyIdB.toLowerCase()) {
    return <Redirect to={`/add/${currencyIdA}`} />
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@ -15,7 +15,7 @@ import AddLiquidity from './AddLiquidity'
 import {
  RedirectDuplicateTokenIds,
  RedirectOldAddLiquidityPathStructure,
-  RedirectToAddLiquidity,
+  RedirectToAddLiquidity
 } from './AddLiquidity/redirects'
 import Earn from './Earn'
 import Manage from './Earn/Manage'
--- a/Show More
+++ b/Show More